HTML <input type = "range">

❮HTML<input>タイプ属性

範囲コントロール(スライダーコントロールなど)を定義します。

<label for="points">Points (between 0 and 10):</label>
<input type="range" id="points" name="points" min="0" max="10">

定義と使用法

<input type="range">は、正確な値が重要ではない数値を入力するためのコントロールを定義します(スライダーコントロールなど)

デフォルトの範囲は0〜100です。ただし、以下の属性を使用して、受け入れる番号に制限を設定できます。

  • max-許可される最大値を指定します
  • min-許可される最小値を指定します
  • step-有効な番号間隔を指定します
  • value-デフォルト値を指定します

ヒント:<label>アクセシビリティのベストプラクティスのために、常にタグを追加してください。


ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。

Attribute
type="range" 4.0 10.0 23.0 3.1 10.1

構文

<input type="range">

❮HTML<input>タイプ属性