首頁  >  文章  >  web前端  >  HTML5 input number是什麼? HTML5 input type的詳細介紹(內附屬性圖)

HTML5 input number是什麼? HTML5 input type的詳細介紹(內附屬性圖)

寻∝梦
寻∝梦原創
2018-08-16 17:40:296468瀏覽

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:

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

HTML5 input number是什麼? HTML5 input type的詳細介紹(內附屬性圖)

提示: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 input number是什麼? HTML5 input type的詳細介紹(內附屬性圖)

##【相關推薦】

HTML5新增的結構元素有哪些? HTML5新增的結構元素的用法(建議)

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


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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn