HTML Datalist not getting populated

StackOverflow https://stackoverflow.com/questions/17006504

  •  31-05-2022
  •  | 
  •  

Question

This is the sample html document. The datalist tag is added for the fave input text box. But it does show up. Any ideas?

<!DOCTYPE HTML>
<html>
    <head>
    <title>Example</title>

    <meta name="description" content="A simple example"/>

    </head>
    <body>
    <form method="post" action="WorkingWithFormsChapter.html" target="_blank">
        <label for="fave">Enther your favourite fruit</label>
        <input name="fave" autofocus="true" list="fruitslist"/>
        <br/>
        <label for="name">Enter your name</label>
        <input name="name" placeholder="Your name please" />
        <button>Submit Vote</button>
    </form>
    <datalist id="fruitslist">
        <option value="Tasty Apples">Apples</option>
        <option value="Juicy Oranges">Juicy Oranges</option>
    </datalist>
    </body>
</html>
Was it helpful?

Solution

It works; the support for it in some browsers at the moment is not good however.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top