範囲を制限された数値用の入力フィールドを表します。
使用例
<!DOCTYPE html> <html lang="ja"> <head> <title>Hello! HTML5></title> <meta charset="UTF-8"> </head> <body> <form action="hoge.cgi" method="post"> <p> 範囲:<input type="range" id="range" min="20" max="80" step="10" oninput="this.form.elements.output.value = this.value;" /> <output name="output" for="range">50</output> <input type="submit" value="送信" /> </p> </form> </body>
属性
min属性、max属性
指定可能な数値の範囲を指定します。
step属性
既定では1刻みで入力することができます。step属性ではその入力単位を指定することができます。