The list attribute specifies the id of a datalist element containing a set of suggested values that can be applied to an input element. Entering a value into the associated input element will filter the set of suggestions displayed from the associated datalist to those that begin with the entered text value.


<input type="text" name="color" list="colors" value="Orange" />


If the input field can be freely typed within, the values from the datalist element specified by the list attribute are only treated as suggestions; the browser does not require that the final value of the input element match one of the items in the list.


Example with the list attribute:


›› go to examples ››