type="range"は、スライダー入力欄を作成するタグです。type="range"を使うと、スライダー入力コントロールを作成できます。スライダー入力は視覚的に入力した値が分かりやすいため、割合的な意味合いの入力をさせたい場合に便利です。レンジ入力欄とも呼びます。値を指定する(例)value="75"※value値は数値のみ有効です。入力を許可する最小値を指定する(例)min="1"※デフォルト値は0です。入力を許可する最大値を指定する(例)max="99"※デフォルト値は100です。ステップ値を指定する(例)step="5"※ステップ値とは値の刻みです。※デフォルト値は1です。読取専用にする(例)readonly="readonly"※readonlyのみでもOKです。スタイルを指定する(例)style="color:red;"その他のグローバル属性値については、グローバル属性をご覧ください。name="rag01">初期値は50%の位置です。step="10">値は10単位でのみ移動します。name="op">50</output></form>50スライダーを動かすと値が変化します。備考input(type="range")は、HTML5から新たに追加になったタグです。サイズを変更したい場合は、CSS(スタイルシート)をご使用ください。スライダーの値を表示したい場合は、outputタグをご使用ください。