新的 HTML5 Datalist 元素

HTML5资讯手机阅读

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> 最终的运行效果如下：

原文：http://www.oschina.net/question/12_58158

【新的 HTML5 Datalist 元素】相关文章

1. 新的 HTML5 Datalist 元素

2. 如何使用details元素和summary元素

3. 关于Adobe最新的Flash/HTML5策略的问答

4. 当乐网肖永泉：HTML5将成新的游戏应用趋势

5. HTML5将给企业安全带来新的挑战

6. IE10 ：HTML5开发者新的机遇?

7. Brainshark最新的HTML5播放器正式向ios和android用户开放

8. iio Engine —— 新的 HTML5 应用开发框架

9. 使用 Sticky-Kit 实现基于 jQuery 的元素固定效果

10. 使用 Sticky-Kit 实现基于 jQuery 的元素固定效果

本文来源：https://www.51html5.com/a2685.html

点击展开全部

上一篇：360极速浏览器支持HTML5特性的网络摄像头下一篇：微软：使用IE 10和HTML5可提高30%的加载速度

﹝新的 HTML5 Datalist 元素﹞相关内容

「新的 HTML5 Datalist 元素」相关专题

html5 html代码 input

复制网址收藏网址分享到微信分享到微博分享到QQ

其它栏目

学习教程 HTML5开发工具 HTML5网站 HTML5游戏 HTML5资讯

也许您还喜欢

友情链接：乍暖还寒时候「东歪西倒」的解释「圆凿方枘」的近义词关于「柳成」的诗词「劈头盖脸」的解释「楞头磕脑」的近义词沃尔沃XC60改装北湖小吃龙珠z简谱篆刻印章收藏