Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <label> Who's your favorite cartoon character? <input name="favCharacter" list="characters" maxlength="50"> <datalist id="characters"> <option value="Homer Simpson"> <option value="Bart"> <option value="Barney Rubble"> <option value="Fred Flinstone"> <option value="Peter Griffin"> </datalist> </label> <hr> <p>The <code>datalist</code> element allows you to provide an "autocomplete" feature on form elements. You can also nest a <a href="/html/tags/html_select_tag.cfm"><code>select</code></a> element inside the <code>datalist</code> element to provide backwards compatibility.</p> <p>More info: <a href="/html/tags/html_datalist_tag.cfm"><code>datalist</code></a>, <a href="/html/tags/html_option_tag.cfm"><code>option</code></a>.</p>