App下載

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

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

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

方法一:

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

<input type="number" >

方法二:

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

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

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

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

0 人點(diǎn)贊