码迷,mamicode.com
首页 > 其他好文 > 详细

datalist标签 输入框候选

时间:2017-02-28 17:45:49      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:点击   提示   搜索   lis   下拉   选择   列表   text   输入   

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标签 输入框候选

标签:点击   提示   搜索   lis   下拉   选择   列表   text   输入   

原文地址:http://www.cnblogs.com/jinshuo/p/6479627.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!