HTML5表单元素总结

表单总结

 增加的元素和类型、属性

1传统的表单元素有哪些：

答：

1）input的type类型

text	输入文本，默认长度为20个字符
password	定义密码字段
Checkbox	定义复选框（可确认又取消）
Button	定义可单击按钮
Radio	定义单选按钮
Reset	重置按钮，清除所有数据
Submit	提交按钮，将所有数据发到action对应的url中
Hidden	定义隐藏的输入字段
File	定义输入字段，供上传
Image	图像形式的上传

 

2）select元素

包含option 和hgroup属性

 

3）textarea元素

用来创建多行文本框

 

4）button

用来创建图像按钮，可以根据开发人员喜好进行设计

 

5）label

作为表单的标签

 

 

2.HTML5新增的类型：

 

Input类的新增类型：

Email	输入符合格式要求的email型数据
Search	输入框为圆角矩形 右边有×用于取消
url	输入符合格式要求的url数据
number	可定义最大值，最小值，value默认值，不符合则报错
Tel	定义pattern属性为其定义合适类型(没有telephone类型) 如“^\d{3}-\d{4}|\d{4}-\d{7}$”两种格式
range	用来得到一定范围的数字值， min:最小输入 max：最大 step:间隔 value：默认值 通过滑动改变value值。
color	相当于一个取色器，其需要与javascript结合使用
时间日期类型	定义多种属性用来获得时间： Date：选取日月年 Month：月和年 Week：周和年 Time：小时和分钟 Datetime：选取时间，日月年（UTC） Datetime-local：本地时间

 

 

 新增表单元素

Datalist	与select相似，但是允许输入不在列表中的元素
Keygen	在提交表单时会生成两个秘钥
Output	与输入元素存在某种联系
Opgroup	对下拉菜单进行分组 属性：label：定义组名 Disabled：在首次加载时禁止使用

 

 

 

 

 

 

 

 

 

 

 

3.新增的属性有哪些：

Autocomplete	适用于form以及input下一些有文本输入的属性
Autofocus	适用于input属性 自动获得焦点
Disabled	禁止输入，但是可定义value拥有默认值
Form	为form外的元素定义form=“”也可以提交表格时提交其值
List	定义list=“ID”在下面定义一个datalist的id为“ID时”则会在输入时拥有下拉的输入选择字段
multiple	添加文件时可以添加多个文件
Min max step
placeholder	灰色的提示输入字段
Pattern	用来检验输入字段是否符合要求的格式w{6,12}定义6到12位的任一字符
Required	检测是否为空，否则提示错误
Readonly	与disabled相似，但是提交表单时数据也会传上去

 

4 限制表单内元素一般使用的属性：

Max min

Step

Required

pattern