Html datalist

Datalist html

<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>

Html autocomplete dropdown list

<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Html 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>

Source: puffindev.xyz

Similar codes

0 vote114 views1 answer
Lwc unescaped html
Html
27 votes133 views3 answers
Install Telegram in Ubuntu
Html
15 votes155 views3 answers
How to create an html file
Html
53 votes111 views5 answers
Bootstrap display none
Html
1 vote126 views1 answer
Bootstrap a link disabled
Html
11 votes124 views2 answers
Html input date format
Html
101 votes117 views6 answers
Html insert image
Html
6 votes138 views4 answers
Xpath id contains text
Html
33 votes118 views5 answers
How to underline text in html
Html
206 votes271 views6 answers
Link css file
Html