tft每日頭條

 > 生活

 > html datetime如何賦值

html datetime如何賦值

生活 更新时间:2025-02-10 04:46:19


datetime類型元素

在HTML5中,新增了時間輸入類型datetime,其含義為選取時間、日、月、年(UTC時間)。UTC是協調世界時,又稱世界統一時間、世界标準時間、國際協調時間。由于中國采用的是第8時區的時間,所以中國及其他亞洲國家大都會采用UTC 8的時間。

datetime屬性的代碼格式如下。

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

(1)編輯代碼

打開記事本,編寫代碼,在<body>标簽中加入以下代碼。并保存為HTML格式文件。


html datetime如何賦值(HTML表單datetime和datetime-local高級元素的使用)1

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

在浏覽器中浏覽效果如圖所示,用戶可以在表單中輸入标準的datetime格式,然後單擊【提交】按鈕。


html datetime如何賦值(HTML表單datetime和datetime-local高級元素的使用)2

datetime-local類型元素

在HTML5中,新增了時間輸入類型datetime-local,其含義為選取時間、日、月、年(本地時間)例如,中國使用的datetime-local就是第8時區的時間。

datetime-local屬性的代碼格式如下。

<input type="datetime-local" name="user_date"/>

(1)編輯代碼

打開記事本,編寫代碼,在<body>标簽中加入以下代碼。并保存為HTML格式文件。


html datetime如何賦值(HTML表單datetime和datetime-local高級元素的使用)3

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

在浏覽器中浏覽效果如圖所示,用戶可以在表單中輸入标準的datetime-local格式,然後單擊【提交】按鈕。


html datetime如何賦值(HTML表單datetime和datetime-local高級元素的使用)4


html datetime如何賦值(HTML表單datetime和datetime-local高級元素的使用)5

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved