From the course: Building Great Forms with HTML and CSS
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
New HTML5 form tags
From the course: Building Great Forms with HTML and CSS
New HTML5 form tags
- [Instructor] As of HTML5, we really only gained two new form elements, but we did gain a slew of attributes and new types of input elements. More on this soon. Here, we'll look at the two new HTML elements, they are Datalist and Output. The Datalist element not only allows the user to view a suggested list of values that appear in an associated input field, but the user can also type in their own values. Let's compare the Datalist to the Select element as they are somewhat related. Here I have a standard Select element, and this is going to give me a dropdown menu that would give the user options to choose any of these particular meal choice options. We're going to go ahead and we're going to create a Datalist so that we can see how these two elements differ. The first thing that we'll want to do here is we'll want to create an input type and then after that, we'll create the Datalist. So we're going to go ahead and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Fieldsets and legends5m 15s
-
(Locked)
Working with labels5m 35s
-
(Locked)
New HTML5 form tags5m 58s
-
New input types6m 23s
-
(Locked)
New input attributes3m 54s
-
(Locked)
More input attributes6m 52s
-
(Locked)
Form validate options4m 56s
-
(Locked)
Input restrictions: Pattern11m 24s
-
(Locked)
Buttons7m 14s
-
(Locked)
Autocomplete3m 30s
-
-
-
-
-
-
-
-
-