用户名:<input type="" name="" placeholder="请输入用户名">
<br>
密码:<input type="password" name="">
<br>
数量:<input type="number" value="1" min="1" max="99" step="3">
<br>
日期:<input type="date" name="">
<br>
颜色:<input type="color" name="">
<br>
进度:<input type="range" name="" min="0" max="10" value="6">
<br>
星期:<input type="week" name="">
<br>
时间:<input type="time" name="">
<br>
搜索:<input type="search" name="">
<br>
电话:<input type="tel" name="">
<br>
邮箱:<input type="email" name="">
<br>
个人网站:<input type="url" name="">
<br>
正则表单:<input type="" name="" pattern="^[a-z|0-9]" title="请输入a-z或0-9">
多文件上传:<input type="file" name="" multiple="">
HTML5新增了input更多类型的框,如颜色,邮箱,多文件还有对正则表达式的支持!