Web速查-索引

datalist

定义

<datalist> 标签规定了 <input> 标签可能的选项列表。

请使用 <input> 标签的 list 属性来绑定 <datalist> 标签的ID值,这样便可为 <input>标签提供”自动完成”的功能。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
</head>
<body>
<form action="demo/welcome.php" method="post">
<label>课程:<input list="myDatalist" name="datalist"></label>
<datalist id="myDatalist">
<option>《零基础入门学习Web开发》</option>
<option>《零基础入门学习易语言》</option>
</datalist>
<input type="submit">
</form>
</body>
</html>

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
- 4.0 2.0 6.0