当前阅读教程:HTML入门到精通 > 4.18 input标签type属性之range控件 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 4.17 input标签type属性之radio单选框 | 下一篇: 4.19 input标签type属性之reset重置按钮 |
基础语法定义用于精确值不重要的输入数字的控件(比如 slider 控件)。您也可以设置可接受数字的限制,输入类型:range <input type="range" name="points" min="1" max="10"> 请使用下面的属性来规定限制: n max - 规定允许的最大值。 n min - 规定允许的最小值。 n step - 规定合法数字间隔。 n value - 规定默认值。 示例:input标签type属性之range控件下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>input标签type属性之range控件</title> </head> <body> <form> <input type="range" id="r1" min="10" max="50" value="10" style="5"> <input type="button" value="获取range的值" onClick="fun01()" > <script> function fun01(){ v01 = document.getElementById("r1").value; alert("range的值是:"+v01); } </script> </form> </body> </html> 效果如图4-30。 |
|
上一篇: 4.17 input标签type属性之radio单选框 | 下一篇: 4.19 input标签type属性之reset重置按钮 |