App下載

HTML如何設(shè)置input只能輸入數(shù)字?附簡單方法!

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

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

方法一:

將<input>標(biāo)簽中的?type?屬性直接設(shè)置為?number?就可以達(dá)到只能輸入數(shù)字。但是這個方式有一個缺點,它只能作用于網(wǎng)頁端,在手機(jī)輸入的話還是可以輸入漢字或英文。

<input type="number" >

方法二:

還是一樣在<input>標(biāo)簽上設(shè)置,代碼如下:

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

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

以上介紹的兩種方法均可以用來設(shè)置 input 只能輸入數(shù)字。想要了解更多 HTML 學(xué)習(xí)內(nèi)容請前往 w3cschool

0 人點贊