新的 HTML5 Datalist 元素
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>
标签当前只是 Firefox 和 Opera 浏览器支持，希望其他浏览器能尽快支持。
最终的运行效果如下：
相关推荐
wusiye 2020-10-23
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
Lophole 2020-06-28
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
WebVincent 2020-06-06
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15
HSdiana 2020-05-15
PioneerFan 2020-05-15