美文网首页
datalist标签

datalist标签

作者: CJCJCCJ | 来源:发表于2016-11-08 13:36 被阅读36次
    <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属性即可-->
    
    

    相关文章

      网友评论

          本文标题:datalist标签

          本文链接:https://www.haomeiwen.com/subject/ubmauttx.html