htmldate(html表单的用法)

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

date类型元素

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

date属性的代码格式如下。

<input type=&34; name=&34; />

（1）编辑代码

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

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

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

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

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

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

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

time类型元素

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

time属性的代码格式如下。

<input type=&34; name=&34;/>

（1）编辑代码

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

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

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

本文内容由小思整理编辑！