HTML5 input number是什麼？ HTML5 input type的詳細介紹（內附屬性圖）

HTML5 input number是什麼？ HTML5 input type的詳細介紹。這篇文章為大家詳細的解釋了HTML5 input number是什麼，怎麼用的，還有關於HTML5 input type的一些介紹和屬性值的描述

HTML5 input類型都有什麼輸入類型：

本章全面介紹這些新的輸入類型：

• email

• url

• number

• range

• Date pickers (date, month, week, ti​​me, datetime, datetime-local)

• search

• color

#HTML5 input類型- number：

number 類型用於應該包含數值的輸入域。

html5新增的number輸入類型會在input框獲得焦點的時候呼起數字鍵盤，增加了體驗的效果。但在某些安卓機器上，還是能夠切換道字元輸入，使用者也會不小心輸入「 」「—」之類的非數字字元。測試了一下，number類型是會自動忽略字母字元和其他非數字字元的，除了「 」「—」「.」這兩個字元可以輸入,因為這兩個是正負數和小數點的符號。

number型別還有一個點是，如果輸入框中的內容不是純數字（正數，負數都行），內容中包含一些字元的時候，對應dom元素的value就是空（"" ）。

您也能夠設定所接受的數字的限制：

#實例：

Points:

請使用下面的屬性來規定數字類型的限定：

提示：iPhone 中的Safari 瀏覽器支援number 輸入類型，並透過改變觸控螢幕鍵盤來配合它（顯示數字）。

HTML 5 type（樣式）屬性：

這是實例：

有不同輸入類型的表單：

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

定義與用法：

type 屬性規定input 元素的型別。

註解：該屬性不是必需的，但是我們認為您應該始終使用它。

語法：

屬性值：

##【相關推薦】

HTML5新增的結構元素有哪些？ HTML5新增的結構元素的用法（建議）

HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？

以上是HTML5 input number是什麼？ HTML5 input type的詳細介紹（內附屬性圖）的詳細內容。更多資訊請關注PHP中文網其他相關文章！