了解一个标签,首先要知道它有哪些属性和属性值,input标签有很多的属性。
一、type属性 规定要显示的input元素的类型
1.button 定义可点击的按钮
2.checkbox 定义复选框
3.password 定义密码字段(字段中的字符会被遮蔽)
4.color 定义拾色器
5.date 定义date控件(包括年、月、日,不包括时间)
6.datetime 定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,基于UTC时区) 只在opera浏览器下作用
7.datetime-local 定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)
8.email 定义用e-mail地址的字段
9.file 定义文件选择字段和“浏览...”按钮,供文件上传
10.hidden 定义隐藏输入字段
11.image 定义图像作为提交按钮
12.month 定义month和year控件(不带时区)
13.number 定义用于输入数字的字段
14.radio 定义单选按钮
15.range 定义用于精确值不重要的输入数字的控件(比如slide控件)
16.reset 定义重置按钮(重置所有的表单值为默认值)
17.search 定义用于输入搜索字符串的文本字段
18.submit 定义提交按钮
19.tel 定义用于输入电话号码的字段
20.text 默认属性值。定义一个单行的文本字段(默认宽度为20个字符)
21.time 定义用于输入时间的控件(不带时区)
22.url 定义用于输入URL得字段
23.week 定义week和year控件(不带时区)
二、value属性 规定input元素的值 属性值为任意文本
value属性对于不同input类型,用法也不同
对于“button”,“reset”,“submit”类型,定义按钮上的文本
对于“text”,“password”,“hidden”类型,定义输入字段的初始(默认值)
对于“checkbox”,“radio”,“image”类型,定义与input元素相关的值,当提交表单时该值会发送到表单的action URL。
value属性对于<input type="checkbox">和<input type="radio">是必需的
value属性不适用与type为file的input框
三、autocomplete属性 规定input元素输入字段是否应该启用自动完成功能
属性值为 on(默认)或off
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
四、autofocus属性 规定当页面加载时input元素应该自动获得焦点
属性值为布尔
五、list 属性 属性引用<datalist>元素,其中包含<input>元素的预定义选项
input标签中的 list 属性的属性值要跟子标签 datalist 的 id 属性的属性值一致
六、max属性 属性规定 input 元素的最大值
七、min属性 属性规定 input 元素的最小值
八、name属性 规定 input 元素名称
九、pattern属性 规定用于验证input元素的正则表达式
pattern 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。
十、placeholder属性 规定可描述输入input字段预期值的简短的提示信息
十一、size属性 规定以字符数计的 <input> 元素的可见宽度
十二、step属性 规定 <input> 元素的合法数字间隔