1
00:00:01,160 --> 00:00:08,780
I want to introduce you to one last foreign element, and it's actually not an input with a type, as

2
00:00:08,780 --> 00:00:13,480
we've described before, it's a little bit different, but the idea is still the same.

3
00:00:14,450 --> 00:00:23,270
So let's add cars here, and we want this to be a drop down menu again, something that we see very

4
00:00:23,270 --> 00:00:25,140
often in farm fields.

5
00:00:25,400 --> 00:00:31,940
However, unlike an input tag, we have to do a select tag.

6
00:00:33,060 --> 00:00:41,430
Closing select tag as well, and within here, we can put in our options, so the option will be will

7
00:00:41,430 --> 00:00:43,290
have a value of.

8
00:00:44,760 --> 00:00:52,320
Volvo and will say Volvo because we want that actually printed to the screen.

9
00:00:53,410 --> 00:00:57,490
And again, we have to close that tag, we'll add.

10
00:01:01,180 --> 00:01:01,690
Audy.

11
00:01:04,630 --> 00:01:10,450
And we'll close that tag as well, and we can keep adding them up, but for now, just two is fine.

12
00:01:10,480 --> 00:01:14,470
If I save this and I refresh, we have cars.

13
00:01:15,100 --> 00:01:16,720
Let's add a break here.

14
00:01:19,800 --> 00:01:20,860
Just so it looks nicer.

15
00:01:20,940 --> 00:01:21,240
There you go.

16
00:01:21,630 --> 00:01:25,280
And here now, we have a drop down menu.

17
00:01:25,830 --> 00:01:30,690
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:30,690 --> 00:01:32,040
the way you go about it.

19
00:01:32,160 --> 00:01:34,320
As you know, we've done this before.

20
00:01:34,320 --> 00:01:37,140
We type in HTML Select Tag.

21
00:01:38,610 --> 00:01:42,990
And actually, Google gives you a nice little info page over here with attributes so you can see over

22
00:01:42,990 --> 00:01:48,290
here we can use multiple, which is specifies that multiple options can be selected at once.

23
00:01:49,080 --> 00:01:50,310
So let's do that.

24
00:01:50,310 --> 00:01:53,010
Let's minimize this perfect.

25
00:01:53,910 --> 00:01:57,990
And within select, we'll put multiple.

26
00:01:59,660 --> 00:02:06,830
We refresh and we can actually select multiple elements, but that doesn't look that pretty.

27
00:02:06,870 --> 00:02:09,700
So I'm going to take that out and refresh.

28
00:02:10,460 --> 00:02:16,640
I actually realized that we forgot one important input type, so I'm going to throw it in there as a

29
00:02:16,640 --> 00:02:17,220
bonus.

30
00:02:17,240 --> 00:02:21,890
And as you know, with any registration form, we want a password.

31
00:02:22,580 --> 00:02:25,400
So let's add that right after the email.

32
00:02:28,580 --> 00:02:29,300
We'll do.

33
00:02:30,620 --> 00:02:40,550
And put type and yes, there's a password type that we can add, and this password type will have another

34
00:02:40,550 --> 00:02:47,180
attribute that's kind of cool and that is men, which is the minimum characters that a password needs.

35
00:02:48,260 --> 00:02:53,570
So let's save that refresh and let's add a break here.

36
00:02:53,930 --> 00:02:54,830
So it looks pretty.

37
00:02:56,210 --> 00:03:03,440
Refresh and now the pasture field, look at that, it acts like a pastoral field.

38
00:03:04,130 --> 00:03:08,530
All right, let's submit this form and see what happens.