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