How to set HTML <input> list Attribute
An <input> element with pre-defined values in a <datalist>:
Definition and Usage
The list attribute refers to a <datalist> element that contains pre-defined options for an <input> element.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Syntax
<input list="datalist_id">
Attribute Values
| Value | Description |
|---|---|
| datalist_id | Specifies the id of the datalist to bind the <input> element to |
index.html
Example:
HTML
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Google Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |