首页

关于

实例帮助你了解HTML5滑动区域选择元素Slider element

日期:2011/12/16  来源:GBin1.com

在线演示1  在线演示2  在线演示3

HTML5的出现带给我们了很多新的标签和元素。其中一个就是区间选择输入元素,例如,选择10以内的一个数字。这个元素其实在很多系统操作系统中都存在了很长时间,但是现在只是如何将他们整合到浏览器中。

因为使用JS可以很方便的模拟出这个效果所以HTML中一直没有可以直接使用的滑动选择元素。jQuery UI类库包含了一个非常不错的版本可以很容易进行样式设置。但是整合到浏览器中将非常简单,支持对于支持它的浏览器来说。

实例帮助你了解HTML5滑动区域选择元素Slider element

浏览器支持

除了著名的Firefox外所有的现代浏览器都支持这个元素,但是很容易使用html5slider.js来创建。当然IE也不支持区域选择输入,这个修改不太容易。这样的话,意味着你需要使用分开的类库类似jQuery UI来支持多浏览器。好消息在于如果浏览器不支持区域选择的话,它会做为一个输入框显示。

实例帮助你了解HTML5滑动区域选择元素Slider element

标签: HTML5, CSS, Javascript, JQuery, slider, range input, HTML5区域输入选择, 滑动选择, 最大值最小值选择输入

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.