HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力日付フォームプロパティ

入力日付フォームプロパティは、入力日付の囲みフォームの参照を返します。

構文

以下は構文です-

  • フォームへの参照を返す オブジェクト
inputDateObject.form

例

入力日の例を見てみましょう フォーム プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Input Date Form</title>
</head>
<body>
<form id="formForDateInput">
Date Select: <input type="date" id="Date" >
</form>
<button onclick="getFormID()">Get Form ID</button>
<div id="divDisplay"></div>
<script>
   function getFormID() {
      var inputDate = document.getElementById("Date");
      var divDisplay = document.getElementById("divDisplay");
      divDisplay.textContent = 'Form ID for date input: '+inputDate.form.id;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

[フォームIDを取得]をクリックする前に ボタン-

HTMLDOM入力日付フォームプロパティ

「フォームIDを取得」を確認した後 ボタン-

HTMLDOM入力日付フォームプロパティ


  1. HTMLDOM入力URLフォームプロパティ

    HTML DOM入力URLフォームプロパティは、入力URLの囲みフォームの参照を返します。 構文 以下は構文です- フォームオブジェクトへの参照を返す inputURLObject.form 例 入力URLフォームの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Input URL form</title> <style>    form {       width:70%;     &n

  2. HTMLDOM入力週フォームプロパティ

    HTML DOM入力週フォームプロパティは、入力週の囲みフォームの参照を返します。 構文 以下は構文です- フォームへの参照を返す オブジェクト inputWeekObject.form 例 入力週フォームの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Input Week form</title> <style>    form {       width:70%;