08 H5新增input元素
Posted 奋斗的少年WH
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了08 H5新增input元素相关的知识，希望对你有一定的参考价值。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> 在android和ios中尤其能体现这些输入控件的特点，会自动切换到不同的虚拟键盘！ <hr> <form> 查询文本框 <input type="search" placeholder="请输入查询关键字" autofocus> <hr> 列表提示 <input type="text" list="searchlist"> <datalist id="searchlist"> <option value="beijing" label="北京" /> <option value="shanghai" label="上海" /> <option value="nanjing" label="南京" /> <option value="nanchang" label="南昌"/> </datalist> <hr> 数字文本框 <input type="number" max="9" min="0" step="1"/> <hr> 滑动条 <input type="range" max="9" min="0" step="1" value="2"> <hr> 颜色文本框 <input type="color" value="#ff00ff"/> <hr> 电话文本框 <input type="tel"> <hr> 网址输入 <input type="url"> <hr> 邮箱地址 <input type="email"> <hr> 日期选择 <input type="date" max="2012-10-10" min="2001-01-01" value="2011-01-01" /> <hr> 时间选择 <input type="time" max="18:39:57" min="17:49:57" value="17:49:58" /> <hr> UTC日期时间 <input type="datetime" /> <hr> 本地日期时间 <input type="datetime-local" /> <hr/> <input type="submit" value="submit"/> <p>H5中新增的input元素只有在点击提交按钮时，才有效果</p> </form> </body> </html>
以上是关于08 H5新增input元素的主要内容，如果未能解决你的问题，请参考以下文章