SuperZhang的网络笔记本。

html中如何控制input输入格式的示例

作者:share 发布于:2019-7-31 20:17 分类:编程

只能输入中文
<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">


只能输入英文
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">


文本框只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">


只能输入数字,能输小数点
方法一:<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  

方法二:<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">  

方法三:<input onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d.]/g,'')" >



只能输入数字和英文
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">



只能输入字母和中文
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))"  

 maxlength=10 name="Numbers">



只能输入字母和数字
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">


<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');">



这个可以输入大小写字母和数字,下画线
<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^\d-]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d-]/g,'')">


这个可以输入数字,中线(电话号码)
<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">




这个可以输入小写字母和数字,下画线
<input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')">



这个可以输入数字和点
min、max 和 step 属性用于包含数字、日期的 input 类型约束。
min 属性规定输入域所允许的最小值。
max 属性规定输入域所允许的最大值。
step 属性为输入域规定合法的数字间隔

发表评论:

Powered by emlog