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


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)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页