新的 HTML5 Datalist 元素介绍
openkk
12年前
HTML5 的 <datalist> 元素为 <input> 元素指定了一个预定义的列表选项，实现类似自动完成的效果。
<!DOCTYPE html> <html> <body> <form action="login.php" method="post"> User: <input list="username" name="username" /> <datalist id="username"> <option value="Zhlmmc"> <option value="oschina"> <option value="Winter Lau"> <option value="Eddie"> <option value="Valentin"> </datalist> Password: <input type="password" /> <input type="submit" value="Login" /> </form> </body> </html>
<datalist> 标签当前只是 Firefox 和 Opera 浏览器支持，希望其他浏览器能尽快支持。
<datalist> 最终的运行效果如下：
