list

This attribute's value must match the id of a <datalist> element. It is useful for providing local auto-completion to some input fields, or for restricting the possible values on some others like <input type=date> or <input type=color>.

Here is a small code extract from a more complete example shown in the section about the new <datalist> element (see next unit).

Source code extract:

<form>

    ...

    <input list="browsers" id="mybrowser" />

    <datalist id="browsers">

       <option value="Internet Explorer">

       <option value="Firefox">

       <option value="Chrome">

       <option value="Opera">

       <option value="Safari">

    </datalist>

...

</form>

At lines 3 and 5, the value of the list attribute of the input field must match the one of the id of the <datalist> element.