html个人网页制作_HTML表单date和time高级元素的使用

date的元素

将日期输入类型date添加到HTML5，这意味着选择日、月和年

date属性的代码格式如下

(1)编辑代码

打开记事本，编写代码，并将以下代码添加到

标签中并将其保存为一个HTML格式的文件

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

火狐浏览器中的浏览效果如图所示，日期将显示英文年、月和日360速度浏览器中

的浏览效果如图所示，日期显示中文年、月、日。

用户可以点击输入框中的向下按钮，在弹出的窗口中选择需要的日期

火狐浏览器的浏览效果如下

360速度浏览器的浏览效果如下

时间类型元素

在HTML5中，添加了时间输入类型time，这意味着选择时间(小时和分钟)

时间属性的代码格式如下

(1)编辑代码

打开记事本，编写代码，并将以下代码添加到

标签中并将其保存为一个HTML格式的文件

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

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