How to create HTML list Attribute in input - HTML Input Attributes

The input list attribute refers to a <datalist> element that contains pre-defined options for an <input> element.

Example of HTML list Attribute in input

An <input> element with pre-defined values in a <datalist>:

index.html

Example: HTML

 <form>
  <input list="browsers">
  <datalist id="browsers">
    <option value="Edge">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>

Output should be:

Full Completed Code Example of HTML list Attribute in input

The input list attribute The list attribute refers to a datalist element that contains pre-defined options for an input element.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The input list attribute</h1>

<p>The list attribute refers to a datalist element that contains pre-defined options for an input element.</p>

<form action="/action_page.php">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Edge">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Input Attributes
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference