HTML5 datalist实现suggest功能
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 |
<!DOCTYPE html> <html> <head> <title>HTML5 datalist tag</title> <meta charset= "utf-8" > </head> <p> 浏览器版本:<input list= "words" > </p> <datalist id= "words" > <option value= "Internet Explorer" > <option value= "Firefox" > <option value= "Chrome" > <option value= "Opera" > <option value= "Safari" > <option value= "Sogou" > <option value= "Maxthon" > </datalist> </body> </html> |
datalist提供一个事先定义好的列表,通过id与input关联,当在input内输入时就会有自动完成(autocomplete)的功能,用户将会看见一个下拉列表供其选择。
效果如下
Chrome/Firefox/Opera和IE10+均已支持,Safari直到版本7仍然不支持。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。