举例说明如何使用纯html怎么实现下拉提示的功能？_随笔

举例说明如何使用纯html怎么实现下拉提示的功能？

datalist标签

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>document</title></head><body>    <label for="favorite_team">Favorite Team:</label>    <!-- 注意input的list属性与datalist的id属性进行绑定 -->    <input type="text" name="team" id="favorite_team" list="team_list" autocomplete="off">    <datalist id="team_list">        <!-- 指定了value值之后，value和innerHTML类似于标题与副标题之间的关系，选中后input的值是value -->        <option value="A">Aus Tigers</option>        <option value="B">Detroit Lions</option>        <option value="C">Detroit Pistons</option>        <option value="D">Detroit Red Wings</option>        <option value="E">Detroit Tigers</option>    </datalist></datalist></body></html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/4975370.html

举例说明如何使用纯html怎么实现下拉提示的功能？

发表评论

评论列表（0条）