欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html input只输入数字怎么设置

程序员文章站 2022-03-21 12:11:42
...

html input只输入数字的设置方法:首先打开相应的HTML文件;然后通过语句如“<input id="amount" style="IME-MODE: disabled; WIDTH:60px...”来实现input只能输入数字即可。

html input只输入数字怎么设置

本文操作环境:Windows7系统、HTML5版,DELL G3电脑

html input只输入数字怎么设置?

限制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> 标签必须被正确地关闭。

推荐学习:《HTML视频教程

以上就是html input只输入数字怎么设置的详细内容,更多请关注其它相关文章!

相关标签: html