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

4 votes305 views2 answers
Align right tailwind
Html
2 votes328 views1 answer
Twig count array
Html
1 vote320 views1 answer
Tailwind css float right
Html
0 vote308 views1 answer
Html section tag
Html
1 vote345 views1 answer
How to make a telephone button in html
Html
7 votes319 views2 answers
Twitter share link html
Html
1 vote330 views1 answer
How to host html website
Html
0 vote327 views4 answers
<script> var x = 4; var y = 5; var z = x + y; z = x*y; document.getElementById('demo').innerHtml= z; system.print(z); </script>
Html
5 votes312 views2 answers
Read only attribute in html
Html
63 votes342 views1 answer
How to open link in a new tab
Html