2.HTML5<datalist>标签用在邮箱补全上:
html代码:
1 2 3 |
|
js代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
input标签的oninput属性可以检测到input内容的变化,当输入框内容变化,出发js在datalist中追加option。如果用户手动输入了@,就不需要提示了。
HTML 4.01 与 HTML 5 之间的差异:
<datalist> 标签是 HTML 5 中的新标签。
浏览器支持:
所有主流浏览器都支持 <datalist> 标签,除了 Internet Explorer 和 Safari。
【相关推荐】
HTML5新增的结构元素有哪些?HTML5新增的结构元素的用法(推荐)
HTML5中的article标签是什么?HTML5中的article元素用在什么地方?
以上就是HTML5<datalist>标签有哪些属性?HTML5<datalist>标签的具体用法(附实例)的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
微信小程序api 创建并返回上下文 wx.createcontext (不推荐使用)
微信小程序api 绘图createlineargradient(创建线性渐变)
更多相关阅读请进入《JavaScript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者