<input type="number" >用法簡單介紹

這個type型別是HTML5新增，下面簡單介紹一下它的用法。

先來看一段程式碼例項:

[HTML] 純文字檢視 複製程式碼
<input type="number" value="3" min="1" max="10" step="2"  />

下面對引數做一下介紹：

（1）.value:number框中的預設值。

（2）.min:規定允許的最小值。

（3）.max:規定允許的最大值。

（4）.step:規定數字變化的幅度，預設值是1。

如果手動輸入非數值型別，那麼會被清空。

特別說明:iPhone 的 Safari 瀏覽器會識別 number 輸入型別，然後改變觸控式螢幕的鍵盤來適應它（顯示數字）。

還有一個比較智慧的特點，那就是它可以自動調節step的值，以達到適應最大值和最小值的功能。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<input type="number" step="0.2"  value="0.6"  min="0.1" max="0.9" />

當我們第一點選增加數字和減少數字的時候，值的變化都不是0.2，這是因為，0.6和0.9的差是0.3，不是0.2的倍數，所以要自動的調節一下step值，當然對於min最小值也是如此，這個特點大家要注意一下。