html5新增了那些特性,HTML5新增表单特性

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

本文介绍了HTML5中新增的表单特性，包括新增表单元素，新增输入类型，新增表单属性与新增输入属性。

HTML5新增表单元素

数据清单(datalist)

元素用于为输入区域设置预定义选项。元素的list属性值必须与的id属性值相同。

例如：1

2

3

4

5

6

7

8

9

代码效果：

输出(output)

元素用于表示一个输出。输出元素的值不会被提交。

例如：1

2

3

4

5

6

7

8

0

100 +

=

代码效果：0 100 + =

HTML5新增输入类型

文件(file)

用于上传文件。

例如：1

2

3

Select a file:

代码效果：Select a file:

搜索(search)

用于定义搜索框。搜索框与普通的文本区域没有区别。

例如：1

2

3

4

代码效果：

邮箱(e-mail)

用于输入邮箱。如果浏览器支持该特性，提交时会自动验证邮箱格式。

例如：1

2

3

4

5

E-mail:

代码效果：E-mail:

链接(url)

用于输入链接。如果浏览器支持该特性，提交时会自动验证链接格式。

例如：1

2

3

4

5

URL:

代码效果：URL:

颜色(color)

用于输入颜色。如果浏览器支持该特性，会有一个取色器出现。

例如：1

2

3

4

5

Select your favorite color:

代码效果：Select your favorite color:

数字(number)

用于输入数字。可用属性和属性设定数字值域。

例如：1

2

3

4

5

请输入10-100之间的数字：

代码效果：请输入10-100之间的数字：

范围(range)

用于输入范围。

例如：1

2

3

4

5

6

1

5

代码效果：1 5

电话(tel)

用于输入电话号码。号码格式通过pattern属性定义。

例如：1

2

3

4

5

请输入手机号(格式：XXX-XXXX-XXXX)：

代码效果：请输入手机号(格式：XXX-XXXX-XXXX)：

月份(month)

用于输入某年某月。

例如：1

2

3

代码效果：

星期(week)

用于输入某年的第几周。

例如：1

2

3

4

代码效果：

日期(date)

用于输入日期。可用属性和属性设定日期范围。

例如：1

2

3

4

5

Birthday:

代码效果：Birthday:

时间(time)

用于输入时间。

例如：1

2

3

代码效果：

当地时刻(datetime-local)

用于输入当地日期和时间。不包括时区信息。

例如：1

2

3

4

5

Birthday:

代码效果：Birthday:

HTML5新增表单属性

HTML5中，

元素增加下列属性：autocomplete

novalidate

HTML5新增输入属性

HTML5中，元素增加下列属性：autocomplete

autofocus

form

formaction

formenctype

formmethod

formnovalidate

formtarget

height and width

list

min and max

multiple

pattern (regexp)

placeholder

required

step