html5中input和datalist搭配使用

2023-06-06 11:09 阅读 792 次 评论 0 条

input和datalist搭配使用实现下拉输入:

<label>输入水果名称:<input type="text" list="fruit" placeholder="输入水果名"></label>
<datalist id="fruit">
    <option>苹果</option>
    <option>香蕉</option>
    <option>菠萝</option>
    <option>雪梨</option>
    <option>橘子</option>
</datalist>
版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:html5中input和datalist搭配使用 | 雨晨博客
分类:HTML/CSS, 前端笔记 标签:

发表评论


表情