微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

利用HTML5的DataList元素实现输入提示

    今天看到datalist 这个元素,可以用来预先定义一个输入框的潜在选项,也就是我们在平时项目中经常用jQuery插件或者自己写JS来实现的autocomplete自动补全,但似乎自动提示更贴切一些」功能

具体来说,页面上的input还是原来的input,只是在它的下面定义一下新的datalist在其中填充触发提示的文本,同时在该input元素上指定list属性指向这个list一个大概的例子大概是像下面这样

<html>
<head>
</head>
<body>
你最喜欢的浏览器是: <input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
</body>
</html>

原文链接:http://my.oschina.net/lvhuizhenblog/admin/new-blog

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。