新的 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>
<datalist> 标签当前只是 Firefox 和 Opera 浏览器支持,希望其他浏览器能尽快支持。
<datalist> 最终的运行效果如下:
原文:http://www.oschina.net/question/12_58158
【新的 HTML5 Datalist 元素】相关文章
7. Brainshark最新的HTML5播放器正式向ios和android用户开放
8. iio Engine —— 新的 HTML5 应用开发框架
9. 使用 Sticky-Kit 实现基于 jQuery 的元素固定效果
10. 使用 Sticky-Kit 实现基于 jQuery 的元素固定效果
本文来源:https://www.51html5.com/a2685.html
﹝新的 HTML5 Datalist 元素﹞相关内容
- 分享10个最新的Web前端框架
- 分享13款最新的超棒jQuery插件
- 微软正准备新的Office Web Apps预览版
- Node.js包含新的流API
- 你或许想要用到的三个新的JavaScript API
- Your First Step
- HTML5 Canvas cheat sheet:元素详细速查手册
- HTML5 元素通用DOM接口
- HTML5的中的新元素
- HTML5 元素通用DOM接口