HTML INPUT只能输入数字
问题如下
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按钮,就完成了 。
限制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> 标签必须被正确地关闭。
参考资料:
onKeypress="if((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"