HTML5输入类型范围从正到负

Question

有没有办法允许正的最小值和负的最大值？我试图在日志空间(10 ^ 8-10-13)中创建滑块,并希望在滑块上显示指数.

<input  type="range" min="8" max='-13' value="1" step="-1" id="myRange" >

这当前恢复为默认max=100值.

或者我可以以某种方式反转滑块？任何帮助将非常感激.

编辑:请记住我希望比例从8减少到-13(日志空间10 ^ 8-10 ^ -13).

编辑:在IDL中xr = [8,-13](或R xlim = c(8,-13)).请注意,最小值为正数,最大值为负数,您可以相应地在两者之间进行步骤.我正在寻求帮助解决方法,以使用输入类型范围创建相同的行为.

Answer 1

此滑块将反转:min(左)为8,max(右)为-13,我认为这是你想要的......而step = -1不起作用.

HTML:

<input type="range" min="-13" max="8" value="1" step="1" id="range"/>

CSS:

#range{
    transform: rotateY(180deg);
}

谢谢你!

Answer 2

您可以简单地通过以下方式切换限制并将值乘以-1：

<input  type="range" min="-8" max='13' value="1" step="-1" id="slider" >

$('#slider').change(function(){
    var val = -+($(this).val());
    console.log(val);
});

如果您需要提交该值，请将其复制到一个隐藏字段，然后在服务器端使用它而不是原始值。

jsFiddle上的现场演示。