注意：IE 和 Firefox 不支持该类型，Chrome 支持。在 Chrome 中默认显示为：-—-年--月，鼠标移入获得焦点时显示滚动条，并且还带有一个可以选择年份的控件。

　　在 Chrome 中显示如下：

　　(10)、input 类型：week

　　week 类型允许你选择周和年，week 和 year 控件，不带时区。

　　下面的例子，定义周和年：

选择周：

　　注意：IE 和 Firefox 不支持该类型，Chrome 支持。在 Chrome 中默认显示为：-—- 年第 — 周，鼠标移入获得焦点时显示滚动条，并且还带有一个可以选择年份和周的控件。

　　在 Chrome 中显示如下：

　　(11)、input 类型：date

　　date 类型允许你从一个日期选择器选择一个日期，date 控件，包括年、月、日，不包括时间。

　　下面的例子，定义一个时间控制器：

生日:

　　注意：IE 和 Firefox 不支持该类型，Chrome 支持。在 Chrome 中默认显示为： 年 /月/日，鼠标移入获得焦点时显示滚动条，并且还带有一个可以选择年份的控件。

　　在 Chrome 中显示如下：

 　　(12)、input 类型：datetime

　　datetime 类型允许你选择一个日期，date 和 time 控件，包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区。

　　下面的例子，定义一个日期和时间控制器（本地时间）:

生日 (日期和时间):

　　注意：IE 和 Firefox 和 Chrome 都不支持该类型。

　　(13)、input 类型：datetime-local

　　datetime-local 类型允许你选择一个日期和时间，date 和 time 控件，包括年、月、日、时、分、秒、几分之一秒，不带时区。

　　下面的例子，定义一个日期和时间：

生日 (日期和时间):

　　注意：IE 和 Firefox 不支持该类型，Chrome 支持。在 Chrome 中默认显示为： 年 /月/日 --:--，鼠标移入获得焦点时显示滚动条，并且还带有一个可以选择年份的控件。

　　在 Chrome 中显示如下：

13、HTML5 新表单元素

　　HTML5 新增加了3个表单元素：<datalist>、<keygen>、<output>

　　(1)、datalist

　　<datalist>元素规定输入域的选项列表，列表是通过 datalist 内的 option 元素创建的，option 元素永远都要设置 value 属性。

　　<datalist> 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。

　　使用 <input> 元素的 list 属性与 <datalist> 元素绑定。

　　下面的例子，<input> 元素使用 <datalist> 预定义值：

常用搜索：

　　注意：所有浏览器都支持该元素，但是也存在差异。在 Chrome 中输入框获得焦点时，会在后边显示一个下拉箭头，点击后显示预选项，并且还显示 value 属性值，如果不点击箭头，在获得焦点后还需要再点击一次才显示预选项。在 Firefox 和 IE 中不会显示下拉箭头，也不显示 value 属性值。Firefox 在获得焦点后也需要在点击一次才显示预选项，但是在 IE 中当获得焦点后，就会显示预选项。

　　在 Chrome 中显示如下：

　　在 Firefox 中显示如下：

　　在 IE 中显示如下：

　　(2)、keygen

　　<keygen> 元素的作用是提供一种验证用户的可靠方法。

　　<keygen>标签规定用于表单的密钥对生成器字段。当提交表单时，会生成两个键，一个是私钥，一个公钥。

　　私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。

　　公钥可用于之后验证用户的客户端证书（client certificate）。

　　下面的例子，带有 keygen 字段的表单：

用户名: 加　密:

　　注意：除了 IE 之外所有浏览器都支持该元素。

　　目前，浏览器对此元素的糟糕的支持度，不足以使其成为一种有用的安全标准。

　　在 Chrome 中显示如下：

　　在 Firefox 中显示如下：

　　在 IE 中显示如下：

　　(3)、<output>

　　<output> 元素用于不同类型的输出，比如计算或脚本输出。

　　下面的例子，是一个简易的计算器，将计算结果显示在 <output> 元素：

0100 =

　　注意：除了 IE 之外所有浏览器都支持该元素。