Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to use html5's datalist". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to use html5's datalist.

The datalist of html5 means "list of options," and the datalist tag is used to specify a list of possible options for the input element as a predefined value for the input element, with the syntax "".

The operating environment of this tutorial: windows10 system, HTML5 version, Dell G3 computer.

What does html5's datalist mean?

The datalist tag in html5 specifies a list of possible options for the element.

Tags are used to provide "autocomplete" features for elements. The user can see a drop-down list in which the options are predefined and will be used as user input data.

Use the list attribute of the element to bind the element. Datalist and its options will not be displayed, it is just a list of legal input values.

Examples are as follows:

one hundred and twenty three

Note: Internet Explorer 9 (earlier IE version), Safari does not support datalist tags.

Output result:

At this point, I believe you have a deeper understanding of "how to use html5's datalist". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.