HTML DOM 入力範囲オブジェクト-htmlチュートリアル-php.cn

HTML DOM 入力範囲オブジェクト

王林

リリース： 2023-08-28 16:01:09

転載

1536 人が閲覧しました

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

プロパティ

入力範囲オブジェクトのプロパティは次のとおりです:

#3#4disabled5form#6List#78#NameStepスライダーコントロールのステッププロパティ値を設定または返します。 Typeスライダーコントロールの value プロパティ値を設定または返します。

	プロパティと説明
1	autocomplete 範囲コントロールのオートコンプリートプロパティ値を設定または返します。
#2	autofocus レンジスライダーコントロールが自動であるかどうかを設定または返します。ページの読み込みフォーカスを取得します。
	defaultValue レンジスライダーコントロールのデフォルト値を設定または返します。
	スライダーコントロールが無効かどうかを設定または返します。
	スライダーコントロールを含むフォームへの参照を返します。
	スライダーコントロールを含むデータリストへの参照を返します。。
Max	スライダーコントロールの最大プロパティ値を設定または返します。
Min	スライダーコントロールの最小プロパティ値を設定または返します。 #9
	スライダーコントロールの name プロパティ値を設定または返します。 #10
	#11
スライダーコントロールのフォーム要素のタイプを返します。	#12 value
	#メソッドパスワードオブジェクトのメソッドは次のとおりです:

シリアル番号

#メソッドと説明

##1 スライダーコントロールの値を指定された数値だけ減らします。スライダーコントロールを指定された数値だけインクリメントします。

<!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>

ログイン後にコピー

出力

	stepDown()
	2 stepUp()
	Example 入力範囲オブジェクトの例を見てみましょう: Demonstration

stepDown()

stepUp()

Example

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

Demonstration

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

##[作成] ボタンをクリックします。

in 上記の例では、-

CREATE という名前のボタンを作成しました。これは、ユーザーがクリックすると rangeCreate() メソッドを実行します。 - HTML DOM Input Range对象

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

ログイン後にコピー

rangeCreate() メソッドは、createElement() を使用します。ドキュメントオブジェクトのメソッドは、パラメータとして「INPUT」を渡して

要素を作成します。新しく作成された入力要素は変数 R に割り当てられ、値範囲を持つ type 属性が setAttribute() メソッドを使用して作成されます。

setAttribute() は属性を作成し、属性が存在しない場合は値を割り当てます。以前は存在しませんでした。最後に、ドキュメント本体の appendChild() メソッドを使用して、型範囲の入力要素を本体の子要素として追加します - HTML DOM Input Range对象

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

ログイン後にコピー

以上がHTML DOM 入力範囲オブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。