Web速查-索引

定义

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

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

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>

</head>

<body>

<form action="demo/welcome.php" method="post">

    <label>课程：<input list="myDatalist" name="datalist"></label>

    <datalist id="myDatalist">

        <option>《零基础入门学习Python》</option>

        <option>《零基础入门学习Web开发》</option>

        <option>《零基础入门学习Scratch》</option>

        <option>《带你学C带你飞》</option>

    </datalist>

    <input type="submit">

</form>

</body>

</html>

视频讲解