HTML5

表单及其验证

HTML

表单一直都是

Web

的核心技术之一，有了它我们才能在

Web

上进行各种各样的应

用。

HTML5 Forms

新增了许多新控件及其

API

，方便我们做更复杂的应用，而不用借助

其它

Javascript

框架，先说下表单的几个基本知识点：

表单仍是以

元素作为容器，我们可在其中设置基本的提交特性；

当用户提交页面时，表单仍然向服务器发送表单控件的值；

之前老版本中的表单控件，如

text radio checkbox

等等，都可以按原有方式使用，尽管

增加了新的功能；

仍然可以使用

javascript

操作表单控件。

下面详细说下

HTML5

中表单新增功能

1.

输入型控件

Input type

用途

说明

email

电子邮件地址文本框

url

网页

URL

文本框

number

数值的输入域

属性

值

描述

max number 

规定允许的最大值

min number 

规定允许的最小值

step 

number 

规定合法的数字间隔

（如果

 st

是

 -3,0,3,6 

等）

value number 

规定默认值

range

特定值的范围的数值，以滑动条显示

属性

值

描述

max number 

规定允许的最大值

min number 

规定允许的最小值

step 

number 

规定合法的数字间隔

（如果

 st

是

 -3,0,3,6 

等）

value number 

规定默认值

Date 

pickers

日期，时间选择器

仅

Opera9+

支持，包含

date, month, week, 

datetime-local