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

HTMLDOM入力週オブジェクト


HTML DOM入力週オブジェクトは、週タイプの入力HTML要素を表します。

構文

以下は構文です-

を作成する タイプ

var weekObject = document.createElement(“INPUT”);
weekObject.type = “week”;

属性

ここでは、「weekObject」 次の属性を持つことができます-

属性 説明
オートコンプリート 週フィールドのオートコンプリート属性の値を定義します
オートフォーカス 週のフィールドを最初のページの読み込みに集中させるかどうかを定義します。
defaultValue 週フィールドのデフォルト値を設定/返します
無効 週フィールドを無効/有効にするかどうかを定義します
フォーム 週フィールドを含む囲みフォームの参照を返します
max 週フィールドのmax属性の値を返す/設定する
min 週フィールドのmin属性の値を返す/設定する
名前 週フィールドのname属性の値を定義します
readOnly 週フィールドが読み取り専用かどうかを定義します
必須 フォームを送信するために週のフィールドに入力する必要があるかどうかを定義します
ステップ 週フィールドのstep属性の値を定義します
タイプ 週フィールドのフォーム要素のタイプを返します
週フィールドのvalue属性の値を定義します

メソッド

また、次の方法もあります-

booleanValue 詳細
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入力週オブジェクト

「今週の試験は何ですか?」を確認した後 ボタン-

HTMLDOM入力週オブジェクト


  1. HTMLDOM入力テキストオブジェクト

    HTML DOM入力テキストオブジェクトは、タイプ「text」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、テキスト型の入力要素を作成してアクセスできます。 プロパティ 以下は、テキストオブジェクトのプロパティです- プロパティ 説明 オートコンプリート テキストフィールドのオートコンプリート属性値を設定または返すには オートフォーカス ページの読み込み時にテキストフィールドが自動的にフォーカスを取得するかどうかを設定または返す。 defaultValue テキストフィールドの

  2. HTMLDOM入力パスワードオブジェクト

    HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す