@toc
QQ:3020889729 小蔡
input输入标签结构
input作为输入标签，包含了输入信息暂存的作用——最后会通过type属性的submit值将这些输入的数据返回。
input输入标签是一个双标签。
在开始标签中包含几个重要属性：type，name，value，maxlength
input输入标签的属性简单介绍
①type属性
type属性——确定input的特性，是文本，还是密码又或是其它。
②name属性
name属性——表明当前标签的名字，在input的type属性选择单选框和多选框时，会根据设定的name来结合单选属性/多选属性得到选择结果的设置。
③value属性
value属性——设置标签选择的返回值，显示按钮显示内容等。
④maxlength属性
maxlength属性——设置输入标签中文本属性值时的输入字符长度。
input输入标签中的type属性常用值
①text文本属性值
input标签的type属性设置该属性值，显示为文本输入框。
效果：（幼儿园是通过设置value实现与预存储值）
②password密码属性值
input标签的type属性设置该属性值，显示为密码输入框（存在掩码）。
效果：
③radio单选框属性值
input标签的type属性设置该属性值，显示为单选框按钮。
效果：
④checkbox复选框属性值
input标签的type属性设置该属性值，显示为复选框按钮。
效果：
⑤submit提交表单属性值
input标签的type属性设置该属性值，显示为表单提交按钮。
效果：（value属性设置显示内容）
⑥reset重置表单输入数据属性值
input标签的type属性设置该属性值，显示为重置按钮。
清空表单数据。
效果：（value属性设置显示内容）
⑦image图片提交属性值
input标签的type属性设置该属性值，显示为图片提交按钮。
效果：点击就会弹出图片选择（value属性设置显示内容）
⑧file文件上传属性值
input标签的type属性设置该属性值，显示为文件选择（上传）按钮。
效果：
⑨color颜色选择属性值
input标签的type属性设置该属性值，显示为颜色选择（设置）按钮。
效果：
⑩button普通按钮属性值
input标签的type属性设置该属性值，显示为普通按钮。
以提供给后期js链接功能。
效果：（value属性设置显示内容）
11.）search搜索输入属性值
input标签的type属性设置该属性值，显示为搜索文本框。
效果：
12.）range范围选择属性值
input标签的type属性设置该属性值，显示为范围选择按钮。
效果：
