HTMLDOM入力日時オブジェクト
HTML DOM入力日時オブジェクトは、datetime型の入力HTML要素を表します。また、サファリを除く主要なブラウザは、datetimeタイプをテキストとしてのみ使用します。
構文
以下は構文です-
を作成する タイプ日時
var datetimeObject = document.createElement(“input”); datetimeObject.type = “datetime”;
属性
ここでは、「datetimeObject」 次の属性を持つことができます-
| 属性 | 説明 |
|---|---|
| オートコンプリート | 日時フィールドのオートコンプリート属性の値を定義します |
| オートフォーカス | 日時フィールドを最初のページの読み込みに集中させるかどうかを定義します。 |
| defaultValue | 日時フィールドのデフォルト値を設定/返します |
| 無効 | 日時フィールドを無効/有効にするかどうかを定義します |
| フォーム | 日時フィールドのmax属性の値を返す/設定する |
| min | 日時フィールドのmin属性の値を返す/設定する |
| 名前 | 日時フィールドのname属性の値を定義します |
| readOnly | 日時フィールドが読み取り専用かどうかを定義します |
| 必須 | フォームを送信するために日時フィールドへの入力が必須かどうかを定義します |
| ステップ | 日時フィールドのstep属性の値を定義します |
| タイプ | 日時フィールドのフォーム要素のタイプを返します |
| 値 | 日時フィールドのvalue属性の値を定義します |
ブール値
また、次の方法もあります-
| booleanValue | 詳細 |
|---|---|
| stepDown | 日時フィールドを減らす必要がある数値を定義します。 |
| stepUp | 日時フィールドを増やす必要がある数値を定義します。 |
例
入力日時分の例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
var inputDatetime = document.getElementById("dateTime");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
function minDateDecrease() {
inputDatetime.min = '2010-12-31T23:59:59Z';
divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[最小年齢バーを減らす]をクリックする前に ボタン-
[最小年齢バーを減らす]をクリックした後 ボタン-
-
HTMLDOM入力パスワードオブジェクト
HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す
-
HTMLDOM時間オブジェクト
HTMLのHTMLDOMTime Objectは、要素を表します。 を作成する 要素 var timeObject = document.createElement(“TIME”) ここでは、「timeObject 」は次のプロパティを持つことができます- プロパティ 説明 dateTime 要素のdateTime属性の値を設定/返します Time dateTimeの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>