month类型元素

在HTML5中,新增了日期输入类型month,其含义为选取月、年。

month属性的代码格式如下。

<input type="month" name="user_date"/>

(1)编辑代码

打开记事本,编写代码,在<body>标签中加入以下代码。并保存为HTML格式文件。

html表单标记(HTML表单month和week高级元素的使用)(1)

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示,用户可以在表单中输入标准的month格式,然后单击【提交】按钮。


html表单标记(HTML表单month和week高级元素的使用)(2)

设置需要的日期年、月,如下图所示。


html表单标记(HTML表单month和week高级元素的使用)(3)

week类型元素

在HTML5中,新增了日期输入类型week,其含义为选取周和年。

week属性的代码格式如下。

<input type="week" name="user_date"/>

(1)编辑代码

打开记事本,编写代码,在<body>标签中加入以下代码。并保存为HTML格式文件。


html表单标记(HTML表单month和week高级元素的使用)(4)

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示,用户可以在表单中输入标准的week格式,然后单击【提交】按钮。


html表单标记(HTML表单month和week高级元素的使用)(5)

设置需要的日期年、周,如下图所示。


html表单标记(HTML表单month和week高级元素的使用)(6)

,