您好,登錄后才能下訂單哦!
這篇文章主要介紹“html如何設置input只能輸入數字”,在日常操作中,相信很多人在html如何設置input只能輸入數字問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”html如何設置input只能輸入數字”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
在html中,可以利用type屬性來設置input只能輸入數字,只需要設置type屬性的值為“number”即可,語法“<input type="number">”。
本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
在html中,可以利用type屬性來設置input只能輸入數字。
type 屬性規定要顯示的 <input> 元素的類型。
當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如何設置input只能輸入數字”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。