HTML DOM 输入日期时间表单属性

htmlweb developmentfront end technology更新于 2025/6/17 3:24:17

HTML DOM 输入日期时间表单属性返回用于输入日期时间的封闭表单的引用。

语法

以下是语法 −

返回表单对象的引用

inputDatetimeObject.form

示例

让我们看一个 输入日期时间表单 属性的示例 −

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime form</title>
</head>
<body>
<form id="dateTimeForm">
Date & Time: <input type="datetime" id="Datetime" value="2009-12-19T12:48Z">
</form>
<button onclick="getFormID()">Get Form ID</button>
<div id="divDisplay"></div>
<script>
   function getFormID() {
      var inputDatetime = document.getElementById("Datetime");
      var divDisplay = document.getElementById("divDisplay");
      divDisplay.textContent = 'Form ID for datetime input: '+inputDatetime.form.id;
   }
</script>
</body>
</html>

输出

这将产生以下输出 −

点击"获取表单 ID"按钮之前 −

勾选"获取表单 ID"按钮之后 −


相关文章


有用资源