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

在填寫(xiě)表單時(shí)，為了使輸入信息字符一致，開(kāi)發(fā)人員往往會(huì)設(shè)置限制。比如在填寫(xiě)手機(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。