Core HTML

Form - Datalist

This form example demonstrates how to code a form with a datalist tag in it.

DatalistForm.html

<!DOCTYPE html>
<html>
  <head>
    <title>XoaX.net's HTML: Form - Datalist Tag Example</title>
  </head>
  <body>
    <form>
      Select a Sacrament:<br />
      <input list="sacraments" name="sacrament">
      <datalist id="sacraments">
        <option value="Baptism">
        <option value="Eucharist">
        <option value="Confirmation">
        <option value="Penance">
        <option value="Anointing of the Sick">
        <option value="Holy Orders">
        <option value="Matrimony">
      </datalist>
    </form>
  </body>
</html>
 

Output

 
 

© 2007–2025 XoaX.net LLC. All rights reserved.