HTML如何设置input只能输入数字?附简单方法!

猿友 2021-05-19 15:57:11 浏览数 (10766)
反馈

在填写表单时,为了使输入信息字符一致,开发人员往往会设置限制。比如在填写手机号码时会设置仅限输入数字,那么 HTML 如何设置 input 只能输入数字?这篇文章告诉你。

方法一:

将<input>标签中的​type​属性直接设置为​number​就可以达到只能输入数字。但是这个方式有一个缺点,它只能作用于网页端,在手机输入的话还是可以输入汉字或英文。

<input type="number" >

方法二:

还是一样在<input>标签上设置,代码如下:

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

该种可以在 input 框输入字母汉字但是会自动删除,最终只会留下数字。

以上介绍的两种方法均可以用来设置 input 只能输入数字。想要了解更多 HTML 学习内容请前往 w3cschool

0 人点赞