Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Use Datalist Tag to Specify Pre-defined Text for Input Element

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:
• HTML dfn Tag
• Use HTML Target Attribute to Specify Where to Open Document
• Most Usefull ASCII Character Code Entities
• When to Use the nofollow Attribute value
• Text Features
• HTML5 Slider Control
• HTML noscript Tag
• Webpage DOCTYPE Declarations Explained
• The HTML BODY tag
• Use fieldset to Organize Form Elements

Follow Stephen Bucaro Follow @Stephen Bucaro

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2024 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268