设为首页 加入收藏

TOP

HTML5 中新的datalist 自动下拉提示输入框
2014-11-24 12:09:31 来源: 作者: 【大 中 小】 浏览:0次
Tags：HTML5 中新 datalist 自动 下拉 提示 输入

在日常的页面制作中，为了方便用户输入，经常可以在一个输入文本框中，当用户输入内容时，自动下拉提示建议用户的输入，这叫autocomplete或者autosuggestion功能，这样能加快用户的输入，目前的做法是通过ajax去实现，比如通过DWR等，这方面的资料很多的。


而HTML5中，新增加了datalist这个标签，其实也是可以满足在前端达到同样的功能，例子如下：


这样的代码运行后，当用户在文本输入框输入内容时，就会下拉提示三种水果， 建议用户输入，如果担心浏览器兼容问题，可以尝试用如下代码：


【大 中 小】【打印】 【繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部】
分享到: 
上一篇：HTML5中在客户端验证文件上传的大.. 下一篇：PyQt4 精彩实例分析

评论

帐　　号: 密码: (新用户注册)
验 证 码:
表　　情:
内　　容:

·Linux系统简介 (2025-12-25 21:55:25)
·Linux安装MySQL过程 (2025-12-25 21:55:22)
·Linux系统安装教程（ (2025-12-25 21:55:20)
·HTTP 與 HTTPS 的差� (2025-12-25 21:19:45)
·网站安全必修课：图 (2025-12-25 21:19:42)