From the course: HTML Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Additional form element types

Additional form element types - HTML Tutorial

From the course: HTML Essential Training

Start my 1-month free trial

Additional form element types

- Now that we understand the basic structure of a form, let's look at some of the many options that we have for collecting different kinds of data. Meanwhile, I'm kind of tired of looking at ugly forms. It's not 1995, and there's no reason why we can't style some of these form elements, let's add CSS. I want you to see that we can use proper semantic HTML elements in our forms and style them with a custom look and feel. Here are the exact same name and email form elements along with a button just with better styling. Let's add three more fields and then we'll see what they can do. Password, search, and phone number. They're very similar in structure to the text and email form fields, but I've changed the type. For the password field, it's type equals password. Search is type equals search, and phone number is type equals tel. Now let's look and see what we've got. You can see that when we start to type into the password…

Contents