Use Datalist Tag to Specify Pre-defined Text for Input Element
By Stephen Bucaro
Auto Brand
The HTML5 <datalist> element allows the designer to provide a list of suggested
values for a text input box. If the user doesn't like any of the items in the list,
they can still type their own text into the text box. Example code for a datalist is
shown below.
<datalist id="autobrand">
<option value="Fiat-Chrysler">
<option value="Ford Motor Company">
<option value="General Motors">
<option value="Tesla Motors">
<option value="Toyota Motor Company">
</datalist>
<label for="autobrand">Auto Brand <input type="text" list="autobrand" name="autobrand"></label>
Use the list attribute in the <input> element to associate it with the id
of its respective datalist .
Note the datalist is similar to the select list, except the select list does not
allow the user to enter a value not in the list.
More HTML Code: • Meta Tag Basics• The Font Tag• HTML abbr and acronym Tag• Line Break Basics• Image Map Basics• HTML5 Input Type - Email• Divide a Table Into Head (thead), Body (tbody), and Footer (tfoot) Sections• Use Datalist Tag to Specify Pre-defined Text for Input Element• Web Color Names Table• HTML Bulleted or Unordered List
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
Follow @Stephen Bucaro
General Web Design
