如何在 HTML 中使用 datetime 输入类型?

htmlweb developmentfront end technology更新于 2025/4/3 7:08:17

在 HTML 中使用 datetime 输入类型时,需要使用 <input type="datetime-local">。这样,用户就可以选择日期和时间。点击输入字段时,会弹出一个日期时间选择器窗口。

注意 - Firefox 和 Internet Explorer 不支持 datetime 输入类型。Google Chrome 浏览器支持该类型。

示例

您可以尝试运行以下代码,了解如何在 HTML 中使用日期时间输入类型。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input datetime</title>
   </head>
   <body>
      <form action = "" method = "get">
         Details:<br><br>
         Student Name<br><input type="name" name="sname"><br>
         Exam Date and Time<br><input type="datetime-local" name="datetime"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

相关文章


有用资源