网站首页 > 技术文章正文

HTML表单date和time高级元素的使用

ins518 2025-01-14 14:16:29 技术文章 38 ℃ 0 评论

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

date属性的代码格式如下。

（1）编辑代码

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

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

在火狐浏览器中浏览效果如图所示，日期会显示英文年、月、日。

在360极速浏览器中浏览效果如图所示，日期会显示中文年、月、日。

用户单击输入框中向下按钮，即可在弹出的窗口中选择需要的日前。

火狐浏览器中浏览效果如下图。

360极速浏览器中浏览效果如下图。

在HTML5中，新增了时间输入类型time，其含义为选取时间（小时和分钟）。

time属性的代码格式如下。

（1）编辑代码

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

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

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