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