为了在 HTML5 中拥有侧边栏,我们可以使用范围输入。 IE。
<input type="range" min="0" max='5' value="0" step="1" >
默认行为是最小值位于左侧,最大值位于右侧。有没有办法可以将最大值放在左侧?
我知道我可以用 Javascript 做到这一点。有没有办法只用 HTML 来做到这一点?
回复“可能重复的问题”:
该问题接受 javascript 解决方案,我要求仅 HTML 解决方案。我觉得很明显不是重复的吧?
这可能会解决问题:在 CSS 上将输入方向设置为从右到左
#reversedRange {
direction: rtl
}
请参阅下面的示例代码:
PS javascript/jquery 代码只是为了说明值的变化,并不是必需的。只有 CSS 和id
属性上的input
element
Updated:基于@MCTaylor17 的评论(谢谢)
$(function() {
$("#rangeValue").text($("#reversedRange").val());
$("#reversedRange").on('change input', function() {
$("#rangeValue").text($(this).val());
});
});
#reversedRange {
direction: rtl
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Max<input type="range" min="0" max='5' value="0" step="1" id="reversedRange">Min
<div>value: <span id="rangeValue"></span>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)