html表单输入滑块/范围与非数值？

Question

<input type="range" min="2" max="52" value="4" step="1"/> 

我可以使用非数字间隔的输入范围之一吗？像“是”，然后“也许”，然后“否”？

由于

Answer 1

类型的HTML input的range是designed for imprecise input values。无论如何，如果你真的想为此使用滑块，你可以在你的脚本上设置0表示否，1表示可能，2表示是。在jQuery中，这将是这样的：

$("#slider").change(function(){ 
    switch($(this).val()){ 
     case "0": 
      /* change a text/hidden value to 'no' */ 
      break; 
     case "1": 
      /* change a text/hidden value to 'maybe' */ 
      break; 
     case "2": 
      /* change a text/hidden value to 'yes' */ 
      break; 
     } 
}).change(); 

活生生的例子： http://jsbin.com/upeyew