這篇文章主要介紹html5如何設置input只能輸入數(shù)字,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
襄城網站制作公司哪家好,找創(chuàng)新互聯(lián)!從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、響應式網站等網站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時間,我們擁有了豐富的建站經驗和運維經驗,來保證我們的工作的順利進行。專注于網站建設就選創(chuàng)新互聯(lián)。
在html5中,可以通過input標簽的type屬性來實現(xiàn)只能輸入數(shù)字的功能,只需要將type屬性的值設置為“number”即可,語法“”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
標簽規(guī)定用戶可輸入數(shù)據(jù)的輸入字段。
根據(jù)不同的 type 屬性,輸入字段有多種形態(tài)。輸入字段可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。
如果想要設置input只能輸入數(shù)字,只需要將type 屬性的值設置為“number”即可:
輸出結果:
補充:input 元素的類型--type 屬性可以設置的值
值 | 描述 |
---|---|
button | 定義可點擊的按鈕(通常與 JavaScript 一起使用來啟動腳本)。 |
checkbox | 定義復選框。 |
color | 定義拾色器。 |
date | 定義 date 控件(包括年、月、日,不包括時間)。 |
datetime | 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,基于 UTC 時區(qū))。 |
datetime-local | 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區(qū))。 |
定義用于 e-mail 地址的字段。 | |
file | 定義文件選擇字段和 "瀏覽..." 按鈕,供文件上傳。 |
hidden | 定義隱藏輸入字段。 |
image | 定義圖像作為提交按鈕。 |
month | 定義 month 和 year 控件(不帶時區(qū))。 |
number | 定義用于輸入數(shù)字的字段。 |
password | 定義密碼字段(字段中的字符會被遮蔽)。 |
radio | 定義單選按鈕。 |
range | 定義用于精確值不重要的輸入數(shù)字的控件(比如 slider 控件)。 |
reset | 定義重置按鈕(重置所有的表單值為默認值)。 |
search | 定義用于輸入搜索字符串的文本字段。 |
submit | 定義提交按鈕。 |
tel | 定義用于輸入電話號碼的字段。 |
text | 默認。定義一個單行的文本字段(默認寬度為 20 個字符)。 |
time | 定義用于輸入時間的控件(不帶時區(qū))。 |
url | 定義用于輸入 URL 的字段。 |
week | 定義 week 和 year 控件(不帶時區(qū))。 |
以上是“html5如何設置input只能輸入數(shù)字”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!