HTMLDOM入力範囲オブジェクト

HTML DOM入力範囲オブジェクトは、「範囲」タイプの要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、タイプ範囲の入力要素を作成してアクセスできます。

プロパティ

以下は、入力範囲オブジェクトのプロパティです-

Sr.No	プロパティと説明
1	オートコンプリート範囲コントロールのオートコンプリート属性値を設定または返すこと。
2	オートフォーカスページが読み込まれたときに範囲スライダーコントロールが自動的にフォーカスを取得するかどうかを設定または戻すには
3	defaultValue レンジスライダーコントロールのデフォルト値を設定または戻すには。
4	無効スライダーコントロールが無効になっているかどうかを設定または戻す。
5	フォームスライダーコントロールを含むフォームの参照を返すには
6	リストスライダーコントロールを含むデータリストへの参照を返すには
7	最大スライダーコントロールの最大属性値を設定または返す。
8	最小スライダーコントロールの最小属性値を設定または返します。
9	名前スライダーコントロールのname属性値を設定または返す。
10	ステップスライダーコントロールのstep属性の値を設定または返すこと。
11	タイプスライダーコントロールのフォーム要素タイプを返します。
12	値スライダーコントロールのvalue属性値を設定または返すこと。

メソッド

パスワードオブジェクトのメソッドは次のとおりです-

Sr.No	メソッドと説明
1	stepDown（）スライダー制御値を指定された数だけデクリメントします
2	stepUp（）スライダー制御値を指定された数だけインクリメントします。

例

入力範囲オブジェクトの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script>
   function rangeCreate() {
      var R = document.createElement("INPUT");
      R.setAttribute("type", "range");
      document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input range object</h1>
<p>Create an input field with type range by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
VOLUME:
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力範囲オブジェクト

[作成]ボタンをクリックすると-

HTMLDOM入力範囲オブジェクト

上記の例では-

ユーザーがクリックしたときにrangeCreate（）メソッドを実行するCREATEボタンを作成しました-

<button onclick="rangeCreate()">CREATE</button>

rangeCreate（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用して、パラメータとして「INPUT」を渡すことにより、要素を作成します。新しく作成された入力要素は変数Rに割り当てられ、setAttribute（）メソッドを使用して、値の範囲を持つ型属性を作成します。

setAttribute（）は属性を作成し、属性が以前に存在しなかった場合は値を割り当てることを忘れないでください。最後に、ドキュメント本文でappendChild（）メソッドを使用して、本文の子としてタイプ範囲の入力要素を追加します-

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "range");
   document.body.appendChild(R);
}

HTMLDOM入力範囲ステッププロパティ

HTMLDOM入力範囲名プロパティ

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