输入类型：日期

它允许用户选择日期

Holiday: <input type="date" name="hday" 

输入类型：数值

此输入类型用于选择数值

NO of item (between 1 and 10): <input type="number" name="item" min="1" max="10" 

输入类型：DATETIME

它允许用户根据时区选择日期以及时间

Holiday(date and time): <input type="datetime" name="hdaytime" 

输入类型：URL

输入类型URL用于包含URL的输入字段。

提交表单时，自动值在URL字段中验证

ADD your Mainpage: <input type="url" name="Mainpage" 

输入类型：周

输入类型周允许用户选择输入周和年份

Select your desire week: <input type="week" name="year and week" 

HTML5中有几种新的表单输入类型。这些新的输入类型特性允许创建更好的输入控制和验证。
说明：下面给出了几种新的输入类型。

• color
• date
• datetime
• datetime-local
• email
• month
• number
• url
• week
• range
• search
• tel
• time

输入类型：电子邮件

此输入类型包含电子邮件地址

Enter Email: <input type="email" name="umail" 

输入类型：DateTime-local

它允许用户选择日期和时间，而不是根据时区

Holiday (date and time): <input type="datetime-local" name="hdaytime" 

输入类型：范围

范围输入类型允许用户在特定范围之间插入数字。

Enter no <input type="range" name="e_no" min="1" max="10" 

以下属性以指定限制：

• max -允许的最大值
• min - 允许的最小值
• step- 步长
• value -默认值

输入类型：时间

此输入类型允许用户选择时间

Select your desire time: <input type="time" name="desire_time" 

输入类型：月份

此输入类型允许用户选择月份和年份。

Holiday(month and year): <input type="month" name="hdaymonth" 

输入类型：搜索

它用于搜索像常规文本一样工作的字段

Search Yahoo: <input type="search" name="Yahoosearch" 

输入类型：颜色

此输入类型包含颜色。

Select your color: <input type="color" name="yourcolor" 

输入类型：电话

此字段定义该输入电话号码

Telephone No: <input type="tel" name="tel"