The Action Attribute - Web Development Udacity English Japanese

The Action Attribute - Web DevelopmentYouTube↗ IA↗(long shot)
Education 7.5K views 7 likes 0 dislikes 22 Apr 2012

Udacity 651K subscribers United States YouTube↗

Click to Play Video

Okay, I want to add a new attribute to our form.

新しい属性を追加しましょう

This attribute is called action, and this controls where a form submits to.

action属性はフォームの送信先を設定します

I'll give you an example.

では実際に入れてみましょう

Right now we have our tag form, and it looks like this,

先ほどのformタグを使います

and it has a couple inputs in it, and we have our closing tag,

いくつかのinputタグが設定され終了タグがあります

and this is basically the structure of our document right now.

構造はこのとおりですね

I'm going to add a new attribute to form called action, and it looks like this:

formタグに新しい属性を追加するので開始タグの中にactionと入れ

action equals, and then a URL of where we want the form to submit to.

値の部分にはフォームを送信したいURLを入力します

We can put any URL in here, and when we click submit on our form,

送信ボタンをクリックすればどんなURLにも

it will send the data there.

データを送信できます

Okay, so for your quiz, what I'd like you to do

ではここで小テストを行いましょう

is add an action attribute to your form element

form要素にaction属性を追加して

whose value is http://www.google.com/search.

値はhttp://www.google.com/search とします

I want you to type some text in the box, click submit,

入力欄に文字を入力し送信ボタンをクリックすると

and tell me what happens.

どうなるでしょうか?

何も起こらない

Does the URL change with what you entered?

指定したURLに移動する

Does your browser go to Google search results?

Google検索の結果を表示する

Does it appear as though you've written an entire search engine?

まるで検索エンジンを設計したかのように表示する

Similar videos:

Italics
Udacity
49.1K views 16 likes 2 dislikes 23 Feb 2015100% match

Code Organization - Web Development
Udacity
7.2K views 25 likes 1 dislikes 27 May 2012100% match

Whitespace
Udacity
47.8K views 26 likes 4 dislikes 23 Feb 2015100% match

Scaling Databases - Web Development
Udacity
64.3K views 795 likes 7 dislikes 25 Apr 2012100% match

Web Applications - Web Development
Udacity
19.5K views 59 likes 4 dislikes 02 Jun 2014100% match

Precomputed Caching - Web Development
Udacity
12.2K views 80 likes 0 dislikes 27 May 2012100% match

Shopping List Take 1 - Web Development
Udacity
841 views 1 likes 0 dislikes 23 Feb 2015100% match

Bold Tag - Web Development
Udacity
53K views 29 likes 0 dislikes 23 Feb 2015100% match

Correct URL - Web Development
Udacity
10.9K views 6 likes 1 dislikes 23 Feb 2015100% match

Overview - Web Development
Udacity
10.4K views 26 likes 0 dislikes 27 May 2012100% match

Components of the Web
Udacity
28K views 54 likes 0 dislikes 23 Feb 2015100% match

World Wide Web - Web Development
Udacity
37.9K views 40 likes 1 dislikes 23 Feb 2015100% match

Caching - Web Development
Udacity
12.1K views 102 likes 0 dislikes 23 Feb 2015100% match

User Agent Header - Web Development
Udacity
11.6K views 24 likes 7 dislikes 23 Feb 2015100% match

App Server Architecture - Web Development
Udacity
14K views 52 likes 5 dislikes 27 May 2012100% match

Introduction - Web Development
Udacity
23.3K views 107 likes 0 dislikes 23 Feb 2015100% match

Missing End Tag Solution - Web Development
Udacity
22.8K views 7 likes 0 dislikes 23 Feb 2015100% match

Ad Networks - Web Development
Udacity
6.7K views 27 likes 3 dislikes 23 Feb 2015100% match

Part 2 - Web Development
Udacity
643 views 2 likes 0 dislikes 07 May 2012100% match

Caching Techniques - Web Development
Udacity
34.4K views 216 likes 7 dislikes 23 Feb 2015100% match

World Wide Web Solution - Web Development
Udacity
12.6K views 14 likes 0 dislikes 23 Feb 2015100% match

Document Structure
Udacity
7.2K views 24 likes 1 dislikes 23 Feb 2015100% match

Frameworks - Web Development
Udacity
28.7K views 154 likes 25 dislikes 23 Feb 2015100% match

Cookies - Web Development
Udacity
38.4K views 315 likes 11 dislikes 23 Feb 2015100% match

Datastore Types Solution - Web Development
Udacity
656 views 1 likes 0 dislikes 25 Apr 2012100% match

The Method Attribute - Web Development
Udacity
9.6K views 14 likes 8 dislikes 22 Apr 201282% match

Memcached - Web Development
Udacity
13.5K views 115 likes 3 dislikes 23 Feb 201573% match

Course Outline - Web Development
Udacity
46.2K views 169 likes 0 dislikes 23 Feb 201567% match

Reddit Architecture - Web Development
Udacity
27.7K views 397 likes 3 dislikes 27 May 201267% match

Reddit Architecture 2 - Web Development
Udacity
11.1K views 88 likes 2 dislikes 27 May 201267% match

Settings Privacy About Contact Donate