HTML-＜input＞标签的基本使用

input 标签是用于web的表单创建交互性控件，以便接受来自用户输入提交的数据。

<label for="sample">sample</label>
<input type="text" name="sample" id="sample">

1. type属性
   ****标签的工作方式取决于type属性的值。

Type	描述
button	没有默认行为的按钮，上面显示 value 属性的值，默认为空。
checkbox	可以设置选中或未选中
color	用于指定颜色的控件；在支持的浏览器中，激活时会打开取色器。
data	输入日期的控件（年、月、日，不包括时间）。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。
datatime-local	输入日期和时间的控件，不包括时区。在支持的浏览器激活时打开日期选择器或年月日的数字滚轮。
email	编辑邮箱地址的区域。类似 text 输入，但在支持的浏览器和带有动态键盘的设备上会有确认参数和相应的键盘。
file	让用户选择文件的控件。使用accept属性规定控件能选择的文件类型。
hidden	不显示的控件，其值仍会提交到服务器。举个例子，右边就是一个隐形的控件。
image	带图像的 submit 按钮。显示的图像由 src 属性规定。如果 src 缺失，alt 属性就会显示。
month	输入年和月的控件，没有时区。
number	用于输入数字的控件。如果支持的话，会显示滚动按钮并提供缺省验证（即只能输入数字）。拥有动态键盘的设备上会显示数字键盘。
password	单行的文本区域，其值会被遮盖。如果站点不安全，会警告用户。
radio	单选按钮，允许在多个拥有相同 name 值的选项中选中其中一个。
range	此控件用于输入不需要精确的数字。控件是一个范围组件，默认值为正中间的值。同时使用htmlattrdefmin 和 htmlattrdefmax来规定值的范围。
reset	此按钮将表单的所有内容重置为默认值。不推荐。
search	用于搜索字符串的单行文字区域。输入文本中的换行会被自动去除。在支持的浏览器中可能有一个删除按钮，用于清除整个区域。拥有动态键盘的设备上的回车图标会变成搜索图标。
submit	用于提交表单的按钮。
tel	用于输入电话号码的控件。拥有动态键盘的设备上会显示电话数字键盘。
text	默认值。单行的文本区域，输入中的换行会被自动去除。
time	用于输入时间的控件，不包括时区。
url	用于输入 URL 的控件。类似 text 输入，但有验证参数，在支持动态键盘的设备上有相应的键盘。
week	用于输入以年和周数组成的日期，不带时区。

2. 属性

属性	相关的type	描述
alt	image	是可访问的的要求
width	image	与的width属性一样，水水平方向7
height	image	与的height属性相同，垂直方向
src	image	与的src属性一样，图像资源的地址
accept	file	用于规定文件上传中的期望的文件的类型
capture	file	文件上传控件中媒体拍摄的方式
checked	radio,checkbox	用于控制控件是否被选中
dirname	text,search	表单区域的一个名字，用于在提交表单时发送元素的方向性
formaction	image,submit	用于提交表单的URL
formenctype	image,submit	表单数据集的编码方式，用于表单的提交
formmethod	image,submit	用于表单提交的HTTP
formnovalidate	image,submit	提交表单时绕过对表单控件的验证
formtarget	image,submit	表单提交的浏览上下文
form	所有	将控件与form元素联系到一起
autocomplete	所有	用于表单的自动填充的功能
autofocus	所有	页面加载时候自动聚焦到此表单控件
disabled	所有	表单控件是否被禁用
name	所有	input表单控件的名字，以键值对的形式随表单一起提交
type		所有
value	所有	表单控件的值，以键值对的形式一起提交
list	绝大部分	自动填充选项的的id值
readonly	绝大部分	布尔值，存在时表单控件不可编辑
required	绝大部分	布尔值，存在时表单控件必须填写
max	数字type	最大值
min	数字type	最小值
step	数字type	有效自增值
maxlength	password,text,search,tel,url	value的最大长度（最多字符数目）
minlength	password,text,search,tel,url	value的最小长度（最少字符数目）
pattern	password,tel,text	匹配有效value的模式(patten)
placeholder	password,text,search,tel,url	当表单控件中为空时，控件中的提示内容
multiple	email,file	布尔值，是否允许多个值
size	email,password,tel,text	控件的大小