<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />
<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Mint">
<option value="Strawberry">
<option value="Vanilla">
</datalist>
<input type="text" list="suggestions" placeholder="Car Search">
<datalist id="suggestions">
<option value="Honda">Honda</option>
<option value="Subaru">Subaru</option>
<option value="Toyota">Toyota</option>
<option value="Other">Other</option>
</datalist>
<!DOCTYPE html>
<html>
<body>
<h2>The datalist Element</h2>
<p>The datalist element specifies a list of pre-defined options for an input element.</p>
<form action="/action_page.php">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>
<p><b>Note:</b> The datalist tag is not supported in Safari prior version 12.1.</p>
</body>
</html>
Code Example |
---|
Html :: responsive svg image in html |
Html :: angular bottom sticky footer |
Html :: bootstrap modal causes page shift |
Html :: img srcset |
Html :: git print commit tree html |
Html :: html doc |
Html :: Horizontal Scrolling Bopostrap |
Html :: html collapsible open by default |
Html :: bootstrap starter code |
Html :: how to add text on top of an image |
Html :: google colab to html |
Html :: html5 comment |
Html :: insertar html en react |
Html :: title tag in html |
Html :: dashboard bootstrap button |
Html :: html img onclick |
Html :: how to add number input field with default value |
Html :: tailwind rounded top left |
Html :: superscript in html |
Html :: cant pass multipule select input bootstrap |
Html :: how to host html website |
Html :: bootstrap login |
Html :: bulma cdn |
Html :: bookmarks manager |
Html :: html <svg path star |
Html :: style upload button vue |
Html :: react select, option |
Html :: tailwind search bar |
Html :: textarea |
Html :: bootstrap accordion |