一般大家對於像上面那樣的輸入框應該很熟悉，按上或下的鍵就可以改變數值，不過這種輸入框的方式並不是html內建的輸入框格式，所以如果想使用這樣的輸入框效果，可以使用jQuery的外掛-SpinBtn來解決。
當然首先就是先到官網去抓外掛囉。
然後建立一個text的輸入框
<input type="text" class="spin" size="6">
這個外掛是把text的輸入框變成可以按上下鍵調整的。
之後像這樣把效果指定給你要改變的輸入框即可
$( "input.spin" ).SpinButton({min:0,max:60});SpinButton的min跟max都是選擇性的值，如果不想設定上下限，可以都不打，如果會改圖的話也可以把裡面的按鈕改成你要的樣式囉。
觀看效果
留言