HTMLDOM入力週オブジェクト
HTML DOM入力週オブジェクトは、週タイプの入力HTML要素を表します。
構文
以下は構文です-
を作成する タイプ週
var weekObject = document.createElement(“INPUT”); weekObject.type = “week”;
属性
ここでは、「weekObject」 次の属性を持つことができます-
属性 | 説明 |
---|---|
オートコンプリート | 週フィールドのオートコンプリート属性の値を定義します |
オートフォーカス | 週のフィールドを最初のページの読み込みに集中させるかどうかを定義します。 |
defaultValue | 週フィールドのデフォルト値を設定/返します |
無効 | 週フィールドを無効/有効にするかどうかを定義します |
フォーム | 週フィールドを含む囲みフォームの参照を返します |
max | 週フィールドのmax属性の値を返す/設定する |
min | 週フィールドのmin属性の値を返す/設定する |
名前 | 週フィールドのname属性の値を定義します |
readOnly | 週フィールドが読み取り専用かどうかを定義します |
必須 | フォームを送信するために週のフィールドに入力する必要があるかどうかを定義します |
ステップ | 週フィールドのstep属性の値を定義します |
タイプ | 週フィールドのフォーム要素のタイプを返します |
値 | 週フィールドのvalue属性の値を定義します |
メソッド
また、次の方法もあります-
booleanValue | 詳細 th> |
---|---|
stepDown | 週フィールドが減少する週数を定義します。 |
stepUp | 週フィールドを増やす必要がある週数を定義します。 |
例
入力週フォームの例を見てみましょう プロパティ-
<!DOCTYPE html> <html> <head> <title>Input Week 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="Mid-Term"> <fieldset> <legend>Week-form</legend> <label for="WeekSelect">Examination Week: <input type="week" id="WeekSelect" value="2019-W36"> </label> <input type="button" onclick="showExamination()" value="What exams are in this week? "> <div id="divDisplay"></div> </fieldset> </form><script> var divDisplay = document.getElementById("divDisplay"); var inputWeek = document.getElementById("WeekSelect"); function showExamination() { divDisplay.textContent = 'Examinations: '+inputWeek.form.id; } </script> </body> </html>
出力
これにより、次の出力が生成されます-
「今週の試験は何ですか?」をクリックする前に ボタン-
「今週の試験は何ですか?」を確認した後 ボタン-
-
HTMLDOM入力テキストオブジェクト
HTML DOM入力テキストオブジェクトは、タイプ「text」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、テキスト型の入力要素を作成してアクセスできます。 プロパティ 以下は、テキストオブジェクトのプロパティです- プロパティ 説明 オートコンプリート テキストフィールドのオートコンプリート属性値を設定または返すには オートフォーカス ページの読み込み時にテキストフィールドが自動的にフォーカスを取得するかどうかを設定または返す。 defaultValue テキストフィールドの
-
HTMLDOM入力パスワードオブジェクト
HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す