HTML <select>標籤增加和減少按鈕

我知道我的問題可能很愚蠢，但我真的在這裏堆疊，我到處搜索，我無法找到如何使一個簡單的HTML標籤包含增加和減少按鈕在正確的！請幫助...謝謝你的時間！HTML <select>標籤增加和減少按鈕

這裏是我談論的例子：

enter image description here

2013-01-22 DNA180

一個感嘆號通常就足夠了。請參閱：http：//www.html5tutorial.info/html5-number.php –

對不起，感嘆！ – DNA180

這就是所謂的微調。可以在此處找到一個示例：http://jqueryui.com/spinner/

要擴展此功能，並非所有瀏覽器都支持此功能。

2013-01-22 19:46:13

我必須爲此使用jquery嗎？ – DNA180

你可能會想出一些CSS來完成它。在不太可能的情況下，您確信訪問該網站的每個人都在使用Chrome，您可以使用前面提到的解決方案。編輯：它看起來像Android和iOS也支持它。 –

這通常是如何呈現<input type="number" />。對於本身不支持它的瀏覽器，也有許多polyfill。

2013-01-22 19:47:06 newtron

它必須被輸入嗎？ – DNA180

我只看到使用''這樣的微調器的原生瀏覽器實現。箭頭遞增或遞減該數字的值。也就是說，可能會有其他字段類型的jQuery插件或其他內容。 – newtron

回答