Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > datalist tag

datalist tag

PHP中文网
Release： 2017-03-27 16:56:53
Original
2540 people have browsed it

datalst can be used together with the new attribute list of input to create a combo box. When double-clicking the input, options can be provided for the user to choose, similar to history records. 

<input list="browsers">
 <datalist id="browsers">
    <option value="Safari">
    <option value="Internet Explorer">
    <option value="Opera">
    <option value="Firefox">
</datalist>
Copy after login

Definition and Usage

Tag definition option list. Use this element in conjunction with an input element to define the possible values ​​of the input.

The datalist and its options will not be displayed, it is just a list of legal input values.

Please use the list attribute of the input element to bind the datalist.

Related articles:

HTML5 Daily Practice: The use of automatic completion of datalist tags

Examples of using html5 datalist tags (automatic Complete components)

Related labels：
datalist标签
source：php.cn
Previous article：Nav tag_html/css_WEB-ITnose Next article：HTTP request response message&&related status code&&GET_POST request method summary_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
SQL Count() also requires 0 I have only one table and I want to count each entry of a tag that starts with 0. Now I tr...
From 2024-04-06 19:48:53
0
1
449
Why is my hr tag translucent when it is set to a solid color of white? I have a html (with bootstrap) and a css, in my html I have a <hr> tag which has a c...
From 2024-04-06 16:13:26
0
1
500
JavaScript hover events on vendor-specific pseudo-elements I have the following htmlinput tag. $("input[type='range']::-webkit-slider-thumb"...
From 2024-04-06 15:35:24
0
1
274
How do I get my image to appear on the page's main display? What I want to do is receive some photos using NASAAPI. These photos are then displayed on...
From 2024-04-06 15:33:12
0
1
433
Parent's padding ignored by sticky positioned child How to prevent sticky elements from going behind the header? The current code snippet uses...
From 2024-04-06 11:42:51
0
1
338
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template