From the course: Building HTML5 Forms with Dreamweaver

Unlock the full course today

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

Easing data entry with datalists

Easing data entry with datalists - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Easing data entry with datalists

- [Instructor] Part of the reason that I slipped in the select option menus earlier in this movie is because they have a cousin that is new to HTML five. It plays a similar role, but it's more powerful. I'm talking about the data list. This is a new element in HTML Five. Data lists are like select option menus in that they provide a set of options for users. But unlike select option menus, users don't have to choose an option from the list. They can either choose a option from the list or make up their own entry. So the data list also by the way begins prompting users with options as they start to type. I'll show you what that's like after we code it. Let's take an example. As you can see I'm setting this up with a label that's connected to an element with an ID. Now of note here, that ID goes with the data list element, not with the input element. So I just wanted to highlight that because it's a little different. The other thing that's a little different from many forms and many…

Contents