美文网首页
HTML Input 标签限制输入类型

HTML Input 标签限制输入类型

作者: 臭臭的胡子先生 | 来源:发表于2021-02-04 15:21 被阅读0次

只能输入粘贴汉字

<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

只能输入和粘贴数字

<input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />

数字脚本

<input οnkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

只能输入数字和英文

<input οnkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

简易禁止输入汉字

<input style="ime-mode:disabled">输入法不转换,但可粘贴上<br/> 

输入数字和小数点

<input οnkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" />

只能数字和"-",例如在输入时间的时候可以用到

<input οnkeyup="value=value.replace(/[^\w&=]|_/ig,'')" οnblur="value=value.replace(/[^\w&-]|_/ig,'')" /

JS控制 input 输入字符限制

ENTER键可以让光标移到下一个输入框

<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" > 只能是中文 
<input οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 屏蔽输入法 <input style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 只能输入英文和数字 
<input οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 只能是数字 
<input οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 

只能显示,不能修改

<input readonly value="只能显示,不能修改">只能输数字,判断按键的值 
<script language=javascript> 
function onlyNum() 
{ 
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8))) 
event.returnValue=false; 
} 
</script> 
<input οnkeydοwn="onlyNum();"> 

文本框只能输入数字代码(小数点也不能输入)

<input οnkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')"> 

只能输入数字,能输小数点.

<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"> 
<input name=txt1 οnchange="if(//D/.test(this.value)){alert('只能输入数字');this.value='';}"> 

数字和小数点方法二

<input type=text t_value="" o_value="" οnkeypress="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value" οnkeyup="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value" οnblur="if(!this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?|/./d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^/./d+$/))this.value=0+this.value;if(this.value.match(/^/.$/))this.value=0;this.o_value=this.value}"> 

只能输入字母和汉字

<input οnkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="Numbers"> 

只能输入英文字母和数字,不能输入中文

<input οnkeyup="value=value.replace(/[^/w/.//]/ig,'')"> 

只能输入数字和英文

<font color="Red">chun</font> 
<input onKeyUp="value=value.replace(/[^/d|chun]/g,'')"> 

小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">

小数点后只能有最多两位(数字,字母,中文 都可输入),可以输入运算符号:

<input οnkeyup="this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')"> 

只能输入数字、小数点、负数

<input name="input" type="text" οnkeyup="JHshNumberText(this)" id="title"> 

<script language="javascript" type="text/javascript">function JHshNumberText(a) 
{ 
var fa=""; 
if(a.value.substring(0,1)=="-") 
fa="-"; 
var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.'); 
if (str.substring(0,1)==".") 
str="0"+str; 
a.value=fa+str; 
} 
</script> 

取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true

<input type="submit" value="提交" hidefocus="true" /> 

只读文本框内容,在input里添加属性值 readonly

<input type="text" readonly /> 

防止退后清空的TEXT文档(可把style内容做做为类引用)

<input type="text" style="behavior:url(#default#savehistory);" /> 

ENTER键可以让光标移到下一个输入框

<input type="text" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" /> 

只能为中文(有闪动)

<input type="text" οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" /> 

只能为数字(有闪动)

<input type="text" οnkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

只能为数字(无闪动)

<input type="text" style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" οnkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 

只能输入英文和数字(有闪动)

<input type="text" οnkeyup="value=value.replace(/[/W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

屏蔽输入法

<input type="text" name="url" style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" />

只能输入 数字,小数点,减号(-) 字符(无闪动)

<input οnkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 

只能输入两位小数,三位小数(有闪动)

<input type="text" maxlength="9" οnkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(//./d*/./g,'.')" οnkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}$/) || //./d{3}$/.test(value)) {event.returnValue=false}" /> 

相关文章

  • HTML Input 标签限制输入类型

    只能输入粘贴汉字 只能输入和粘贴数字 数字脚本 只能输入数字和英文 简易禁止输入汉字 输入数字和小数点 只能数字和...

  • HTML标签中id和name的区别

    在学习HTML标签中的 元素的输入类型时,我发现标签除了拥有,type等控制输入字段的...

  • 限制input输入类型

    只能输入和粘贴汉字 只能输入和粘贴数字 数字脚本 只能输入数字和中文 简易禁止输入汉字 输入法不转换,但可粘贴上者...

  • input 数字类型(number)限制长度

    input number类型 长度限制 5)value=value.slice(0,5)"> 限制input输入框...

  • HTML 5 input标签的输入类型type的属性值汇总

    最近项目里面用的input标签比较多,所以在此列出input标签里面的输入类型。 文本类型:text 最基本的输入...

  • html正则input限制输入

    输入中文:onkeyup="this.value=this.value.replace(/[^\u4e00-\u9...

  • HTML 输入类型

    本章描述 元素的输入类型。 输入类型:text 定义供文本输入的单行输入字段:实例 以上HTML代...

  • 修改input类型的文字

    修改input标签type=file类型的文字 视频地址

  • HTML-Form表单

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的用户输入,...

  • HTML表单学习笔记

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的用户输入,...

网友评论

      本文标题:HTML Input 标签限制输入类型

      本文链接:https://www.haomeiwen.com/subject/qzubtltx.html