App下載

HTML如何設置input只能輸入數字?附簡單方法!

猿友 2021-05-19 15:57:11 瀏覽數 (13937)
反饋

在填寫表單時,為了使輸入信息字符一致,開發(fā)人員往往會設置限制。比如在填寫手機號碼時會設置僅限輸入數字,那么 HTML 如何設置 input 只能輸入數字?這篇文章告訴你。

方法一:

將<input>標簽中的?type?屬性直接設置為?number?就可以達到只能輸入數字。但是這個方式有一個缺點,它只能作用于網頁端,在手機輸入的話還是可以輸入漢字或英文。

<input type="number" >

方法二:

還是一樣在<input>標簽上設置,代碼如下:

<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">

該種可以在 input 框輸入字母漢字但是會自動刪除,最終只會留下數字。

以上介紹的兩種方法均可以用來設置 input 只能輸入數字。想要了解更多 HTML 學習內容請前往 w3cschool。

0 人點贊