All language subtitles for 2. HTML Forms 2

af Afrikaans
sq Albanian
am Amharic
ar Arabic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian
pl Polish
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese Download
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:01,300 --> 00:00:09,050 I want to introduce you to one last form element and it's actually not an input with a type, as we've 2 00:00:09,050 --> 00:00:14,370 described before, it's a little bit different. but the idea is still the same. 3 00:00:14,570 --> 00:00:23,780 So let's add "Cars:" here and we want this to be a drop-down menu. Again, something that we see very often 4 00:00:24,110 --> 00:00:25,480 in form fields. 5 00:00:25,520 --> 00:00:35,580 However, unlike an input tag, we have to do a ‘select’ tag, needs a ‘/select’ tag as well. 6 00:00:35,930 --> 00:00:39,090 And within here, we can put in our options. 7 00:00:39,440 --> 00:00:51,480 So the option will be, will have a value of "volvo" not "volco" and we'll say "Volvo" because we want that 8 00:00:52,350 --> 00:00:54,010 actually printed to the screen. 9 00:00:54,990 --> 00:00:58,980 And again we have to close that tag. We'll add 10 00:01:02,770 --> 00:01:03,200 "Audi" 11 00:01:06,170 --> 00:01:09,170 and we'll close that tag as well and we can keep adding them. 12 00:01:09,200 --> 00:01:12,020 But for now, just two is fine. 13 00:01:12,020 --> 00:01:18,380 If I save this and I refresh, we have cars, let's add a ‘br’ tag here. 14 00:01:21,300 --> 00:01:22,360 Just so it looks nicer. 15 00:01:22,380 --> 00:01:22,920 There you go. 16 00:01:23,190 --> 00:01:27,050 And here now, we have a dropdown menu. 17 00:01:27,300 --> 00:01:32,100 Let's say you want to extend this or you want to see what kind of properties, you can put with select 18 00:01:32,220 --> 00:01:33,680 the way you go about it. 19 00:01:33,720 --> 00:01:41,990 As you know we've done this before, we type in "html select tag" and actually Google gives you a nice little 20 00:01:42,080 --> 00:01:47,540 info page over here with attributes, so you can see over here, we can use "multiple", which is "specifies 21 00:01:47,540 --> 00:01:50,590 that multiple options can be selected at once". 22 00:01:50,630 --> 00:02:04,440 So, let's do that, let's let's minimize this. perfect. and within select, we'll put "multiple". we refresh, and 23 00:02:04,440 --> 00:02:08,430 we can actually select multiple elements. 24 00:02:08,850 --> 00:02:13,740 But that doesn't look that pretty. So I'm going to take that out [deletes "multiple" from ‘select’ tag] and refresh. 25 00:02:13,740 --> 00:02:20,010 I actually realized that, we forgot one important input type. So I'm going to throw it in there as a 26 00:02:20,010 --> 00:02:20,610 bonus. 27 00:02:20,730 --> 00:02:26,280 And as you know with any registration form we want a password. 28 00:02:26,280 --> 00:02:29,030 So let's add that right after the email. 29 00:02:32,270 --> 00:02:33,190 We'll do. 30 00:02:34,300 --> 00:02:35,340 input 31 00:02:35,340 --> 00:02:44,610 type and yes there is a "password" type that we can add and this "password" type will have another attribute 32 00:02:44,610 --> 00:02:52,720 that's kind of cool and that is "min", which is how many, the minimum characters that a password needs. 33 00:02:52,740 --> 00:02:58,290 Ok. So let's, save that, refresh and let's add a ‘br’ tag here. 34 00:02:58,470 --> 00:03:02,140 So, it looks pretty, refresh. 35 00:03:02,200 --> 00:03:08,350 And now the password field, look at that, it acts like a password field. 36 00:03:08,680 --> 00:03:09,080 All right. 37 00:03:09,400 --> 00:03:13,150 Let's submit this form and see what happens. 3613

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.