1.Email类型的input元素是一种专门用于输入E-mail地址的文本输入框，在提交表单的时候，会自动验证Email输入框的值。如果不是一个有效的E-mail地址，则该输入框不允许提交表单。示例：

 

<input type="email" name="user-email" autofocus  />

 

不支持该属性的浏览器，将会以type="|text"处理，并不妨碍旧版本浏览器采用该属性。

 

URL类型的input元素提供用于输入URL地址这类特殊文本的文本框。当提交表单时，如果所输入的内容是url地址格式的文本，则会提交数据到服务器，如果不是url地址格式的文本，则不允许提交。示例：

 

<input type="url" name="url" required />

 

3.number类型的应用

 

number类型的input元素提供用于输入数值的文本框。我们还可以设定多所接受的数字的限制，包括规定允许的最大值和最小值，合法的数字间隔或默认值等。如果所输入的数字不在限定范围之内，则会出现错误提示。number类型的属性见图1-1例如：

 

<input type="number" name="number1" min="1" max="20">

 

图1-1

属性	值	描述
max	number	规定允许的最大值
min	number	规定允许的最小值
step	规定合法的数字间隔(如果step=“4”,则合法的数是-4、0、4、8)
value	number	规定默认值

4.range类型的应用

 

range类型的input元素提供用于输入包含一定范围内数字值的文本框，在网页中显示滚动条。我们还可以设定对所接受的数字的限制，包括规定允许的最大值和最小值、合法的数字间隔或默认值等。如果输入的数字不在限定范围之内，则会出现错误提示。range类型的属性见图1-1

range类型与number类型的属性是完全相同的，这两种类型不同在于外观表现上。

不支持range属性的浏览器则会讲显示为普通的纯文本输入框。

 

5.日起检出器类型的应用

 

HTML5提供了多个可用于选取日起和时间的输入类型，即6种日期检出器控件，分别用于选择一下日期格式：日期、月、星期、时间、日期+时间和日期+时间+时区，如表4.4所示：

 

输入类型	HTML代码	功能与说明
date	<input type="date" name="date1">	选取日、月、年
month	<input type="month">	选取月、年
week	<input type="week">	选取某年第几周
time	<input type="time">	选取时间(小时和分钟)
datetime	<input type="datetime">	选取时间、日、月、年、(UTF时间)
datetime-local	<input type="datetime-local">	选取时间、日、月、年、(本地时间)

注：UTF是Universal Time Coordinated的英文缩写，即”协调世界时“

 

简单的说，UTF时间就是0时区的时间，而本地时间即地方时间。例如，如果北京时间为早上8点，则UTF时间为0点，即UTF时间比北京时间晚8小时。