html datalist tag - Wikitechy https://www.wikitechy.com/interview-questions/tag/html-datalist-tag/ Interview Questions Thu, 27 Oct 2022 05:27:42 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.wikitechy.com/interview-questions/wp-content/uploads/2025/10/cropped-wikitechy-icon-32x32.png html datalist tag - Wikitechy https://www.wikitechy.com/interview-questions/tag/html-datalist-tag/ 32 32 What is the datalist tag in HTML ? https://www.wikitechy.com/interview-questions/html/what-is-the-datalist-tag-in-html/ https://www.wikitechy.com/interview-questions/html/what-is-the-datalist-tag-in-html/#respond Thu, 27 Oct 2022 05:27:42 +0000 https://www.wikitechy.com/interview-questions/?p=5064
  • In HTML <datalist> tag is used to provide autocomplete feature in the files.
  • Users can easily fill the data in the forms using select the data because it is used by an input tag.
  • It provides a list of predefined options for the users to select data.

    • Sample Code

    <!DOCTYPE html>
    <html>
    <body>

    <h1>The datalist element</h1>

    <form action="/action_page.php" method="get">
      <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>
      <input type="submit">
    </form>

    <p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0 (or earlier).</p>

    </body>
    </html>

    Output

    ]]>     https://www.wikitechy.com/interview-questions/html/what-is-the-datalist-tag-in-html/feed/ 0