15-datalist标签的使用(了解,多数浏览器不支持)

本文介绍了一种利用HTML中的datalist元素为输入框提供提示选项的方法。通过将input标签的list属性与datalist的id关联起来,可以为用户提供车型等预设选项。然而,由于该特性在多数浏览器中支持度有限,实际应用中需谨慎考虑。
当输入文本时,很多网页会有提示选项可供选择,这时有个标签能简易实现,但是很多浏览器都不支持这个标签,所以,了解就好
实例如下:
<!--设置一个input标签-->
请输入车型:<input type="test" list="cars"><br>
<datalist id="cars">
<option>奔驰</option>
<option>宝马</option>
<option>大众</option>
<option>宾利</option>
</datalist>
在input中添加list属性,属性值就是datalist中的id属性的值,两者关联即可。
注意:局限性很大,不建议使用
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值