web前端入门到实战：HTML输入框---数字/中文/字母/组合

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/wewfdf/article/details/102631951

只能输入中文:

<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 '')">  
　　

只能输入字母和中文

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

```　　

只能输入字母和数字

　　

禁止输入中文

<input type="text" oninput="this.value=this.value.replace(/[\u4e00-\u9fa5\d]/g '');" value="" />
　　

如果大家对编程，web前端感兴趣，想要了解学习，打算深入了解这个行业的朋友，可以加下我们的前端学习扣qun : 784783012 ，不论你是学生还是想转行的朋友，我都欢迎，不定期分享干货，整理的一份2019最新的web前端学习资料和0基础入门教程分享给大家：学习前端我们是认真的

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