HTML5 input number是什麼? HTML5 input type的詳細介紹。這篇文章為大家詳細的解釋了HTML5 input number是什麼,怎麼用的,還有關於HTML5 input type的一些介紹和屬性值的描述
HTML5 input類型都有什麼輸入類型:
本章全面介紹這些新的輸入類型:
url
number
range
Date pickers (date, month, week, time, 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中文網其他相關文章!