Home > Article > Web Front-end > How to use html datalist tag
How to use html datalist tag
- 藏色散人Original
- 2019-05-26 14:29:253728browse
html The datalist tag is used to define a list of options and specifies a list of possible options for the input element. All major browsers support the
What does the datalist tag mean? How to use html datalist tag?
Function: Define the option list and specify the possible option list for the input element.
Note:
Please use this element in conjunction with the input element to define the possible values of the input. The datalist and its options are not displayed, it is just a list of valid input values. Please use the list attribute of the input element to bind the datalist.
Note: The
html datalist tag usage example
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input list = "name">
<datalist id = "name">
<option value = "猪哥">
<option value = "无忌哥哥">
<option value = "peter_朱">
<option value = "灭绝师太">
<option value = "西门大官人">
</datalist>
</body>
</html>Effect:
The above is the detailed content of How to use html datalist tag. For more information, please follow other related articles on the PHP Chinese website!