datalist标签

2016-11-08  本文已影响36人  CJCJCCJ
<datalist id="cars">
    <option>奔驰</option>
    <option>宝马</option>
    <option>奥迪</option>
    <option>路虎</option>
    <option>宾利</option>
</datalist>


输入你喜欢的明星:<input type="text" list="stars">
<datalist id="stars">
    <option>科比</option>
    <option>姚明</option>
    <option>麦迪</option>
    <option>乔丹</option>
    <option>乔1</option>
    <option>乔2</option>
    <option>乔3</option>
</datalist>

<!--1.datalist标签作用: 给输入框绑定待选项
2.datalist格式:<datalist>    <option>待选项内容</option></datalist>
3.如何给输入框绑定待选列表
  1.搞一个输入框
  2.搞一个datalist列表
  3.给datalist列表标签添加一个id
  4.给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可-->

上一篇 下一篇

猜你喜欢

热点阅读