< All the HTML Tags >

<datalist></datalist>

Video Coming Soon...

  • datalist

    Tag Type

    block

    Tag Category

    forms

    Defines a list of pre-defined options for input controls

    Viewed

    1

    Examples

    1

Definition:

The HTML <datalist> tag is used to provide an autocomplete feature for <input> elements, allowing users to select from a predefined list of options.

It contains one or more <option> elements, offering suggestions as the user types in an associated input field. This enhances user experience by streamlining data entry and ensuring that input matches allowed values.

The `<datalist>` tag is an essential tool for improving form usability and accessibility.

Attributes:

Global attributes (e.g., class, id, style)

Accessibility:

Coming Soon…

Default datalist Example:

Using the <datalist> tag to define options for an input.
<input list="browsers"><datalist id="browsers"><option value="Chrome"><option value="Firefox"></datalist>

Default datalist Result:


Coming Soon…

Community Examples:

Coming Soon…
Coming Soon…