Original subtitles

I want to introduce you to one last form element and it's actually not an input with a type, as we've

described before, it's a little bit different. but the idea is still the same.

So let's add "Cars:" here and we want this to be a drop-down menu. Again, something that we see very often

in form fields.

However, unlike an input tag, we have to do a ‘select’ tag, needs a ‘/select’ tag as well.

And within here, we can put in our options.

So the option will be, will have a value of "volvo" not "volco" and we'll say "Volvo" because we want that

actually printed to the screen.

And again we have to close that tag. We'll add

"Audi"

and we'll close that tag as well and we can keep adding them.

But for now, just two is fine.

If I save this and I refresh, we have cars, let's add a ‘br’ tag here.

Just so it looks nicer.

There you go.

And here now, we have a dropdown menu.

Let's say you want to extend this or you want to see what kind of properties, you can put with select

the way you go about it.

As you know we've done this before, we type in "html select tag" and actually Google gives you a nice little

info page over here with attributes, so you can see over here, we can use "multiple", which is "specifies

that multiple options can be selected at once".

So, let's do that, let's let's minimize this. perfect. and within select, we'll put "multiple". we refresh, and

we can actually select multiple elements.

But that doesn't look that pretty. So I'm going to take that out [deletes "multiple" from ‘select’ tag] and refresh.

I actually realized that, we forgot one important input type. So I'm going to throw it in there as a

bonus.

And as you know with any registration form we want a password.

So let's add that right after the email.

We'll do.

input

type and yes there is a "password" type that we can add and this "password" type will have another attribute

that's kind of cool and that is "min", which is how many, the minimum characters that a password needs.

Ok. So let's, save that, refresh and let's add a ‘br’ tag here.

So, it looks pretty, refresh.

And now the password field, look at that, it acts like a password field.

All right.

Let's submit this form and see what happens.