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, time, datetime, datetime-local)

• search

• color

HTML5 input類型 - number：

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

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

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

您還能夠設定對所接受的數位限定：

執行個體：

Points: <input type="number" name="points" min="1" max="10" />

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

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

HTML 5 <input> 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 元素的類型。

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

文法：

<input type="value">

屬性值：

【相關推薦】

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

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