溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html5如何設置input只能輸入數字，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
在html5中，可以通過input標簽的type屬性來實現只能輸入數字的功能，只需要將type屬性的值設置為“number”即可，語法“<input type="number">”。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
<input> 標簽規定用戶可輸入數據的輸入字段。
根據不同的 type 屬性，輸入字段有多種形態。輸入字段可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。
如果想要設置input只能輸入數字，只需要將type 屬性的值設置為“number”即可：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,數字等都可輸入"/><br /><br /> <input type="number" placeholder="只能輸入數字"/> </body> </html>
輸出結果：
補充：input 元素的類型--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 控件（不帶時區）。 |
以上是“html5如何設置input只能輸入數字”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
