Passwords - Web Development Udacity English Japanese

Passwords - Web DevelopmentYouTube↗ IA↗(long shot)
Education 4.9K views 5 likes 2 dislikes 22 Apr 2012

Udacity 651K subscribers United States YouTube↗

Click to Play Video

Okay. So here we are in our Editor again, and this is the basic HTML file

テキストエディタでHTMLを編集します

we were editing before and that we were opening in our browser.

これは前に使用したHTMLファイルです

We're going to go back to this a little bit so we can learn

この方式で新しいform要素を

some new form elements.

学んでいきましょう

So the first thing I'm going to do is remove the Action parameter

まずaction属性の値を削除します

from the Form element so that we can submit

これによりフォームに入力した文字列は

the form to itself and we'll see the "q" parameter in the URL again.

送信するとqの値としてURLに表示されます

This makes it easy to demonstrate what's going on,

Webアプリを使うよりこの方法で

without having to go back to our app Server and all of that stuff.

お見せする方が分かりやすく簡単になります

So I removed that; let's go to our browser and let's give this form a test.

ではブラウザで確認してみましょう

So I reload the page,

ページの更新をします

I type in: "some junk" here,

some junkと入力すると

which it autocompletes for me.

オートコンプリートしてくれます

I click Submit,

送信をクリックします

and we see "some junk" in the URL:

そして言葉がURLに表示されます

Okay. Let's go back to our Editor.

ではエディタに戻ります

So here we are in our Editor.

エディタを開いてください

One thing that I'm leaving off is the Type parameter on this first input.

type属性について説明をしましょう

So let's go ahead and add that:

typeと入れてみてください

type="text" is the default type of an input parameter.

これはinput値のデフォルト設定です

I didn't include it originally because I didn't want to

これについて詳しい説明を

spend a whole lot of time talking about that, at the time.

する気はありませんでした

But in reality, we want to be a little bit more specific with our types,

しかし現実の世界ではtypeの指定はよくあることです

especially now that we're going to learn some new types.

いくつか種類をお見せします

So if I change that to type "text" the behavior won't change in the browser.

type="text"と入力するとブラウザの表示は変わりません

And the first thing we're going to do is learn a new type.

type属性に別の値を指定しましょう

So instead of being "text"

textと入れる代わりに

we're going to change this to "password".

passwordと入れてください

The "password" type is useful for entering passwords in a text box.

このtypeはパスワードを入力する際に使用します

Okay--so here we are in our browser.

ブラウザで確認しましょう

Now when we type some text into the box here,

この入力欄にテキストを入れてみます

it appears as dots instead of the actual text.

文字はドットで表されます

So for the next quiz, what I'd like you to do is

ではここで小テストです

tell me what happens when I click the Submit button.

この状態で送信するとどうなるか

You can try this out on your own, at home.

まずはご自分のPCでお試しください

Similar videos:

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

Dynamic Content - Web Development
Udacity
6.1K views 2 likes 0 dislikes 23 Feb 2015100% match

HTML Basics
Udacity
16.5K views 75 likes 2 dislikes 16 Jul 2014100% match

Cache Architecture - Web Development
Udacity
7.2K views 16 likes 1 dislikes 27 May 2012100% 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

Best Browser Solution - Web Development
Udacity
9.6K views 22 likes 1 dislikes 23 Feb 2015100% match

Install Google App Engine
Udacity
7.1K views 40 likes 48 dislikes 17 Apr 2012100% match

Paragraph Tag - Web Development
Udacity
8.6K views 4 likes 0 dislikes 23 Feb 2015100% 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

Entering Input - Web Development
Udacity
6.3K views 3 likes 0 dislikes 22 Apr 2012100% match

Cookie Examples - Web Development
Udacity
5.4K views 29 likes 2 dislikes 23 Feb 2015100% match

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

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

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

Missing End Tag
Udacity
43K views 15 likes 1 dislikes 23 Feb 2015100% 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

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

Valid Headers - Web Development
Udacity
7.9K views 1 likes 0 dislikes 23 Feb 2015100% match

Span and Div
Udacity
50.3K views 27 likes 1 dislikes 23 Feb 2015100% match

Google App Engine - Web Development
Udacity
10.1K views 13 likes 3 dislikes 17 Apr 2012100% match

Rainbow Tables - Web Development
Udacity
5.6K views 41 likes 12 dislikes 23 Feb 2015100% match

The Action Attribute - Web Development
Udacity
7.5K views 7 likes 0 dislikes 22 Apr 2012100% match

File Types Solution - Web Development
Udacity
9.9K views 9 likes 0 dislikes 23 Feb 2015100% match

Reddit - Web Development
Udacity
5.7K views 15 likes 0 dislikes 27 May 2012100% match

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

Scaling - Web Development
Udacity
12.5K views 81 likes 1 dislikes 27 May 201280% match

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

Settings Privacy About Contact Donate