在html中,可以利用type屬性來設定input只能輸入數字,只需要設定type屬性的值為「number」即可,語法「」。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
在html中,可以利用type屬性來設定input只能輸入數字。
type 屬性規定要顯示的 元素的型別。
當type屬性的值為「number」時,可定義用於專門輸入數字的欄位(只能輸入數字)。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input /><br><br> <input type="number" /> </body> </html>
擴充知識:type 屬性的值
值 | 描述 |
---|---|
button | 定義可點擊的按鈕(通常與JavaScript 一起使用來啟動腳本)。 |
checkbox | 定義複選框。 |
color | 定義拾色器。 |
date | 定義 date 控制項(包含年、月、日,不包含時間)。 |
datetime | 定義 date 和 time 控制項(包括年、月、日、時、分、秒、幾分之一秒,基於 UTC 時區)。 |
datetime-local | #定義date 和time 控制項(包括年、月、日、時、分、秒、幾分之一秒,不含時區) 。 |
定義用於 e-mail 位址的欄位。 | |
file | 定義檔案選擇欄位和 "瀏覽..." 按鈕,供檔案上傳。 |
hidden | 定義隱藏輸入欄位。 |
image | 定義圖片作為提交按鈕。 |
month | 定義 month 和 year 控制項(不含時區)。 |
number | 定義用於輸入數字的欄位。 |
password | 定義密碼欄位(欄位中的字元會被遮蔽)。 |
radio | 定義單選按鈕。 |
range | 定義用於精確值不重要的輸入數字的控制項(例如 slider 控制項)。 |
reset | 定義重設按鈕(重設所有的表單值為預設值)。 |
search | 定義用於輸入搜尋字串的文字欄位。 |
submit | 定義提交按鈕。 |
tel | 定義用於輸入電話號碼的欄位。 |
text | 預設。定義一個單行的文字欄位(預設寬度為 20 個字元)。 |
time | 定義用於輸入時間的控制項(不含時區)。 |
url | 定義用於輸入 URL 的欄位。 |
week | 定義 week 和 year 控制項(不含時區)。 |
推薦教學:《html影片教學》
以上是html怎麼設定input只能輸入數字的詳細內容。更多資訊請關注PHP中文網其他相關文章!