如何使用html創建帶十進制值的滑塊

Question

我想創建一個滑塊，使用html或html5創建一個顯示小數值（如0.0到0.1）的滑塊。

Answer 1

如您精確HTML5，那麼你可以使用新的輸入類型範圍：

<input type="range" name="things" min="1" max="10"> 

Demonstration

注意it doesn't work on IE9-，雖然。

Answer 2

聽起來好像你想要一個輸入欄，用戶可以點擊箭頭以0.1爲單位增加/減少一個值。如果是這樣的話，你要使用HTML5 numeric input元素：

<input type="number" min="0" max="1" step="0.1" value="0.5" /> 

在這裏HTML5 Goodies瞭解更多。