datalist标签 输入框候选

Posted 天国的恩赐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了datalist标签 输入框候选相关的知识,希望对你有一定的参考价值。

H5的datalist标签,可以给input输入框提供下拉选择列表,或输入提示功能.

写如下的datalist标签

<datalist id="car">

  <option>奔驰<option>

  <option>宝马<option>

  <option>夏利<option>

  <option>捷达<option>

</datalist>

在input标签里加入list属性,将datalist的id赋值给input的list属性

<input type="text" list="car" />

 

在输入框里就可以点击下拉箭头出现候选列表了,也可以直接在输入框里输入,标签会帮你搜索匹配的值.

以上是关于datalist标签 输入框候选的主要内容,如果未能解决你的问题,请参考以下文章

输入框下拉菜单

HTML5 表单新增内容

下拉框(可输入+自动匹配)

Web全栈-Datalist标签

输入框关键字搜索候选列表

输入框关键字搜索候选列表