HTMLDOM入力日付オブジェクト
HTML DOM入力日付オブジェクトは、日付タイプの入力HTML要素を表します。
構文
以下は構文です-
- の作成 タイプ日付付き
var dateObject = document.createElement(“input”); dateObject.type = “date”;
属性
ここでは、「dateObject」 次の属性を持つことができます-
| 属性 | 説明 |
|---|---|
| オートコンプリート | 日付フィールドのオートコンプリート属性の値を定義します |
| オートフォーカス | 日付フィールドを最初のページの読み込みに集中させるかどうかを定義します。 |
| defaultValue | 日付フィールドのデフォルト値を設定/返します |
| 無効 | 日付フィールドを無効/有効にするかどうかを定義します |
| フォーム | 日付フィールドを含む同封のフォームの参照を返します |
| max | 日付フィールドのmax属性の値を返す/設定する |
| min | 日付フィールドのmin属性の値を返す/設定する |
| 名前 | 日付フィールドのname属性の値を定義します |
| readOnly | 日付フィールドが読み取り専用かどうかを定義します |
| 必須 | フォームを送信するために日付フィールドに入力する必要があるかどうかを定義します |
| ステップ | 日付フィールドのstep属性の値を定義します |
| タイプ | 日付フィールドのフォーム要素のタイプを返します |
| 値 | 日付フィールドのvalue属性の値を定義します |
ブール値
また、次の方法もあります-
| booleanValue | 詳細 |
|---|---|
| stepDown | 日付フィールドを増やす必要がある日数を定義します。 |
| stepUp | 日付フィールドを増やす必要がある日数を定義します。 |
例
入力日最大の例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input Date Max</title>
</head>
<body>
<form>
Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31">
</form>
<button onclick="getMaxDate()">Change Max Date</button>
<div id="divDisplay"></div>
<script>
var inputDate = document.getElementById("date");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Max of date input: '+inputDate.max;
function getMaxDate() {
var oldInputDate = inputDate.max;
inputDate.max = '2020-12-31';
divDisplay.textContent = 'Max of date input: '+inputDate.max;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[最大日付の変更]をクリックする前に ボタン-
[最大日付の変更]をクリックした後 ボタン-
-
HTMLDOM入力テキストオブジェクト
HTML DOM入力テキストオブジェクトは、タイプ「text」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、テキスト型の入力要素を作成してアクセスできます。 プロパティ 以下は、テキストオブジェクトのプロパティです- プロパティ 説明 オートコンプリート テキストフィールドのオートコンプリート属性値を設定または返すには オートフォーカス ページの読み込み時にテキストフィールドが自動的にフォーカスを取得するかどうかを設定または返す。 defaultValue テキストフィールドの
-
HTMLDOM入力パスワードオブジェクト
HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す