HTML INPUT只能输入数字

<input onpaste="return false" id="amount" style="IME-MODE: disabled; WIDTH: 60px; HEIGHT: 15px" onpropertychange="if(isNaN(value)) value=value.substring(0,value.length-1);" maxlength="5" size="14" name="amount" />

问题如下
1 上面语句实现的是能输入数字和小数点,如何修改能实现只输入数字
2 上面语句还有一个问题就是在输入数字过程中,如果在中间插入错误符号,后面的数字就全部消除掉了,有什么办法可以修改下

越快解决越好~
HTML设计网页的 TEXT属性

在html5中,如果想要用表单来设定input对所输入的数字限定,如果输入不是限定中的数字,则会给出提示。下面讲解html5如何设定input对所输入的数字限定。

1、首先新建一个html网页文件,把他命名为test.html,接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。

2、在test.html文件内,需要创建一个表单<form action="" method="get"></form>。

3、给在表单内,加入一个Input,类型为number。<input type="number" name="test" min="1" max="10" />,意思是最小是1,最大是10。

4、最后在浏览器浏览一下test.html,来看看效果能否实现。需要用鼠标点中表单Submit按钮,就完成了 。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2019-11-14

    限制HTML的input只能输入数字代码为:

    <input id="amount" style="IME-MODE: disabled; WIDTH: 60px; HEIGHT: 15px" onkeyup="this.value=this.value.replace(/\D/g,'')"

    onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="5" size="14" name="amount" type="text" />

    限制HTML的input只能输入数字和英文的代码为:<inputonkeyup="value=value.replace(/[/W]/g,'')onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"ID="Text1" NAME="Text1">

    限制HTML的input只能输入全角的代码为: 

    <inputonkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"ID="Text3" NAME="Text3">

    限制HTML的input只能输入汉字的代码为:
    <inputonkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"
    ID="Text4" NAME="Text4">

扩展资料:

HTML <input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。并且在 HTML 中,<input> 标签没有结束标签。在 XHTML 中,<input> 标签必须被正确地关闭。

参考资料:

百度百科——input 函数

本回答被网友采纳
第2个回答  推荐于2017-11-20
<input id="amount" style="IME-MODE: disabled; WIDTH: 60px; HEIGHT: 15px" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="5" size="14" name="amount" type="text" />本回答被提问者采纳
第3个回答  2015-10-22
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9]/g,'')"
第4个回答  2018-11-21
onkeydown="if(event.keyCode==13)event.keyCode=9"
onKeypress="if((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"

HTML INPUT只能输入数字
在表单内,创建一个``元素,将其类型设置为"number"。这样,用户只能输入数字,例如:,这个`min="1"`表示最小值为1,`max="10"`表示最大值为10。这将确保输入的数字在指定范围内。最后,当你在浏览器中打开并查看test.html,点击表单的Submit按钮,浏览器会自动验证输入的数字是否符合设定的范围,...

HTML INPUT只能输入数字
1、首先新建一个html网页文件,把他命名为test.html,接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。2、在test.html文件内,需要创建一个表单<form action="" method="get"><\/form>。3、给在表单内,加入一个Input,类型为number。<input type="number" name="test" min="1...

el-input限制输入只能是数字
在处理用户输入时,确保数据类型符合预期是非常关键的。对于限制输入只能为数字的需求,有几种方法可以实现。首先,可以通过设置HTML输入元素的type属性为"number",然而,这种方法通常会影响样式,因此并不推荐使用。另一种常见做法是使用v-model绑定值限制。通过在v-model后面加上.number属性,可以限制输入...

实现真正意义上只能输入数字的 input 输入框
在网页开发中,利用HTML5的元素,可以通过设置type属性为'number'来限制用户只输入数字。然而,在手机端,特别是存在第三方输入法的情况下,这个功能往往受限,实际效果接近于type='text',允许输入各种字符,尽管type='number'会确保输入法初始界面为数字输入,但切换到英文或中文输入模式是不允许的,比如...

html如何控制input只能输入数字
输入:functionchange(str){document;\\script>>D\/change(document;}<onkeyup="type="\\<"gi;;输入的值"用正则把varstr="。html--超文本标记语言 超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的...

html 中怎样定义一个只能输入整数的<input>?( 我现在用的是php语言...
只能输入数字和小数点的文本框:<input onkeyup="value=value.replace(\/[^\\d]\/g,'')">

HTML input 中的test 怎么限制只能输入数字?
getElementById('my_input').value = input.substring(0,input.length-1); \/\/截取字符串,输入为非数字则限制输入 } } \/\/这是伪代码,还没经过dw验证,主要是你要知道怎么限制输入不合法的字符用的是substring(start,end)方法,以及html如何利用正则表达式用判断,就是用reg.test(str)方法 ...

html中input框怎么能设置为只能输入数字,设置type=number时,右边会出 ...
可以设置成type="tel",可输入数字又没有上下箭头 添加css进行样式控制 input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none;margin: 0;} input[type="number"]{-moz-appearance:textfield;}

input输入框限制只能输入数字,如何实现
绑定onkeyddown的方法,判断输入的数据是否是数字。<!DOCTYPE HTML> <html> <head> <title><\/title> <script type="text\/javascript"> window.onload = function(){ document.getElementById('test').onkeydown = function(e){ var keyCode;window.event ? keyCode = e.keyCode :keyCode = e....

html input框 限制只能输入正整数 并且 一位数时可以为0 两位数时 第...
这个数字范围的判定最好转换成数字之后比较大小比较方便,如果使用正则的话,要麻烦些。参考: \/(^\\d$)|(^[1-9]\\d$)\/

相似回答