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

HTMLDOM入力日付タイププロパティ

HTML DOM入力日付タイププロパティは、入力日付のタイプを返す/設定します。

構文

以下は構文です-

  • 文字列値を返す
inputDateObject.type
  • タイプの設定 文字列値へ
inputDateObject.type = stringValue

文字列値

ここで、「stringValue」は次のようになります-

stringValue 詳細
日付 入力タイプが日付であることを定義します
ラジオ 入力タイプが無線であることを定義します
チェックボックス 入力タイプがチェックボックスであることを定義します

例

入力日付タイプのプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<title>Input Date type</title>
</head>
<body>
<form>
<div>
Calendar: <input type="date" id="dateSelect" value="2017-05-01">
</div>
</form>
<button onclick="changeType()">Change Type</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("dateSelect");
   divDisplay.textContent = 'Input type: '+ inputDate.type;
   function changeType(){
      if(inputDate.type === 'date'){
         var currDate = inputDate.value;
         inputDate.type = 'text';
         inputDate.value = currDate;
      }
      divDisplay.textContent = 'Input type: '+ inputDate.type;
   }
</script>
</body>
</html>

出力

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

[タイプの変更]をクリックする前に ボタン-

HTMLDOM入力日付タイププロパティ

[タイプの変更]をクリックした後 ボタン-

HTMLDOM入力日付タイププロパティ


  1. HTMLDOM入力時間タイププロパティ

    HTML DOM入力時間タイププロパティは、入力時間のタイプを返す/設定します。 構文 以下は構文です- 文字列値を返す inputTimeObject.type タイプを文字列値に設定 inputTimeObject.type = stringValue 文字列値 ここでは、「stringValue」 次のようになります- stringValue 詳細 時間 入力タイプが時間であることを定義します datetime-local 入力タイプがdatetime-localであることを定義します チェックボックス 入力タイプがチェックボックスであることを定

  2. HTMLDOM入力週タイププロパティ

    HTML DOM入力週タイププロパティは、入力週のタイプを返す/設定します。 構文 以下は構文です- 文字列値を返す inputWeekObject.type タイプの設定 文字列値へ inputWeekObject.type = stringValue 文字列値 ここでは、「stringValue」 次のようになります- stringValue 詳細 週 入力タイプが週であることを定義します datetime-local 入力タイプがdatetime-localであることを定義します チェックボックス 入力タイプがチェックボックスであることを定義しま