HTML5:HTML5 <datalist> Tag

HTML5 Datalist Tag

The <datalist> tag refers a list of pre-defined options for an <input> element.

Statement

  
  <datalist id=" frameworks">
  <option value="Bulma">
  <option value="Tailwind">
  <option value="Bootstrap">
  <option value="Foundation">
  <option value="Pure">
</datalist>

To create a data list for an <input> element assign data list id value to the list attribute of input element.

Statement

   <input name="frameworks" list="frameworks" >

General Syntax

Try it now

Source Code

Source Code : Output

CSS Framework

Tutorials HTML CSS Bootstrap 4 Bootstrap 5

Performance Evalution HTML Quiz/Test CSS Quiz/Test Bootstrap 4 Quiz/Test Bootstrap 5 Quiz/Test

Practical Approach Coaching Software Computer Software Skill Management Software School Management Software