HTML5type属性

type属性    描述
text    input将会接受文本输入
password    可用于一些私密性和隐私性的内容（例如：密码）
button、submit、reset    实现一个按钮形式，但用于的内容不同，实质上都是实现一个按钮形式，此时可以为input元素设置value值为按钮贴上文字
radio    实现单选框（注意：同一组单选框name属性需要相同，否则无法实现单选）
checkbox    实现复选框
time    时间框
week    星期框
month    年月框
date    日期框
datetime_local    本地日期和时间
search    实现搜索框，从搜索框三子=字可以看出这个值用于搜索方面的
color    实现颜色选择框（例如：ps中的拾色器一样）
image    实现图像按钮，将一幅图像作为按钮，点击图像任何位置都会做出响应
file    有时我们需要将文件上传至服务器，使用file值将会实现此功能，但是如果只给type属性设置为file，并不能实现完整的上传操作，除需要给form元素中method属性设置为post外，还需要将input元素中的enctype属性设置为multipart/form-data。这样就可以完整的上传文件了
number    设置为此属性输入框只能输入数字
range    实现数值滚动条
hidden    将i元素给隐藏
email、tel、url    对邮箱、电话号码、网址等数据进行把关，但是把关方面需要 正则表达式来定义（正则表达式通过pattern属性来定义）