HTMLDOM入力時間オブジェクト
HTML DOM入力時間オブジェクトは、Time型の入力HTML要素を表します。
構文
以下は構文です-
を作成する タイプ時間付き
var timeObject = document.createElement(“input”); timeObject.type = “time”;
属性
ここでは、「時間」 次の属性を持つことができます-
| 属性 | 説明 |
|---|---|
| オートコンプリート | 時間フィールドのオートコンプリート属性の値を定義します |
| オートフォーカス | 時間フィールドを最初のページの読み込みに集中させる必要があるかどうかを定義します。 |
| defaultValue | 時間フィールドのデフォルト値を設定/返します |
| 無効 | 時間フィールドを無効/有効にするかどうかを定義します |
| フォーム | 時間フィールドを含む囲みフォームの参照を返します |
| max | 時間フィールドのmax属性の値を返す/設定する |
| min | 時間フィールドの最小属性の値を返す/設定する |
| 名前 | 時間フィールドのname属性の値を定義します |
| readOnly | 時間フィールドが読み取り専用かどうかを定義します |
| 必須 | フォームを送信するために時間フィールドに入力する必要があるかどうかを定義します |
| ステップ | 時間フィールドのステップ属性の値を定義します |
| タイプ | 時間フィールドのフォーム要素のタイプを返します |
| 値 | 時間フィールドのvalue属性の値を定義します |
メソッド
また、次の方法もあります-
| booleanValue | 詳細 |
|---|---|
| stepDown | 時間フィールドが減少する分数を定義します。 |
| stepUp | 時間フィールドを増やす必要がある分数を定義します。 |
例
入力時間フォームの例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input Time form</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form id="Physics">
<fieldset>
<legend>Time-form</legend>
<label for="TimeSelect">Examination Time :
<input type="time" id="TimeSelect" value="14:00" disabled>
</label>
<input type="button" onclick="getform()" value="Which Exam?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputTime = document.getElementById("TimeSelect");
function getform() {
divDisplay.textContent = inputTime.form.id+' exam starts from '+inputTime.value;
}
</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>