html5 input list 用法及兼容性

本文测试了HTML5中<datalist>元素在不同浏览器中的表现,包括Chrome、IE和Firefox,并探讨了其在后台系统开发中的应用价值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

测试了一下   url_list 在

chrome:支持最好,提供了下拉列表按钮,并且展示label

ie:单机文本框 展示

firfox:双击展示





  <input type="search" list="url_list" >

        <datalist id="url_list">
            <option label="W3Schools" value="http://www.w3school.com.cn" />
            <option label="Google" value="http://www.google.com" />
            <option label="Microsoft" value="http://www.microsoft.com" />

        </datalist>


感想:很多后台系统,当可以控制使用的浏览器的时候,可以很大程度减轻开发的工作量


http://www.w3school.com.cn/tiy/t.asp?f=html5_form_datalist

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值