HTML5表单之Input 类型-range
2013-03-29 00:11
393 查看
range类型用于应该包含一定范围内数字值的输入域。
range类型显示为滑动条。
我还可以设定对所接受的数字的限定:
eg:
<input type="range" name="points" min="1" max="10" />
和number很像!
还是opera效果好!
range类型显示为滑动条。
我还可以设定对所接受的数字的限定:
eg:
<input type="range" name="points" min="1" max="10" />
和number很像!
<!DOCTYPE html> <html> <head><title>xxxx</title> </head> <body> <form action="/example/html5/demo_form.asp" meth method="get"> <input type="range" name="points" min="1" max="10" /> <input type="submit" /> </form> </body> </html>
还是opera效果好!
属性 | 值 | 描述 |
---|---|---|
max | number | 规定允许的最大值 |
min | number | 规定允许的最小值 |
step | number | 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等) |
value | number | 规定默认值 |
相关文章推荐
- html5基础 input email/range... 多种类型的表单
- Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)
- HTML5表单之Input 类型-email
- HTML5表单教程之input新增加的几种时间类型
- HTML5表单教程之input新增加的5种其他类型1种标签
- HTML5表单之Input 类型-url
- HTML5表单教程之input新增加的六种时间类型
- HTML5表单之Input 类型-number
- HTML5表单教程之input新增加的URL类型与email类型应用
- HTML5 Input 类型,HTML5 表单元素,HTML5 表单属性
- HTML5表单之Input 类型- Date Pickers(日期选择器)
- Range:HTML5中的新型Input类型
- HTML5表单之Input 类型-search
- HTML5 Input 类型,HTML5 表单元素,HTML5 表单属性
- Range:HTML5中的新型Input类型
- Range:HTML5中的新型Input类型
- jquery左键拖动选值,类似html5的input[range]
- HTML5 新的 Input 类型
- 了解HTML表单之input元素的23种type类型
- 【HTML5】input类型