Example of how to control input format in html-HTML Tutorial-php.cn

Example of how to control input format in html

黄舟

Release： 2017-10-27 10:15:02

Original

5081 people have browsed it

Only Chinese can be entered

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,&#39;&#39;)">

Copy after login

Only English can be entered

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,&#39;&#39;)">

Copy after login

The text box can only enter numeric codes (the decimal point is also Cannot enter)

<input onkeyup="this.value=this.value.replace(/\D/g,&#39;&#39;)" onafterpaste="this.value=this.value.replace(/\D/g,&#39;&#39;)">

Copy after login

Only numbers can be entered, decimal points can be entered

方法一：<input onkeyup="if(isNaN(value))execCommand(&#39;undo&#39;)" onafterpaste="if(isNaN(value))execCommand(&#39;undo&#39;)">  
方法二：<input name=txt1 onchange="if(/\D/.test(this.value)){alert(&#39;只能输入数字&#39;);this.value=&#39;&#39;;}">  
方法三：<input onkeyup="this.value=this.value.replace(/[^\d.]/g,&#39;&#39;)" onafterpaste="this.value=this.value.replace(/[^\d.]/g,&#39;&#39;)" >

Copy after login

Only numbers and English can be entered

<input onKeyUp="value=value.replace(/[^\d|chun]/g,&#39;&#39;)">

Copy after login

Only letters and Chinese can be entered

<input onkeyup="value=value.replace(/[\d]/g,&#39;&#39;) "onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[\d]/g,&#39;&#39;))"   
 maxlength=10 name="Numbers">

Copy after login

Only letters and numbers can be entered

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,&#39;&#39;)">

Copy after login

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

Copy after login

You can enter uppercase and lowercase letters and numbers. Underline
##

<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^\d-]/g,&#39;&#39;)" onafterpaste="this.value=this.value.replace(/[^\d-]/g,&#39;&#39;)">

Copy after login

. This allows you to enter numbers, and the middle line (phone number)

<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,&#39;&#39;);">

Copy after login

This can input lowercase letters and numbers, underline

<input type="text" onkeyup="value=value.replace(/[^\d.]/g,&#39;&#39;)">

Copy after login

This can input numbers and dots

min, max and step

Attributes Used for inputs containing numbers and dates Type constraints. The min attribute specifies the minimum value allowed for the input field.
The max attribute specifies the maximum value allowed for the input field.
The step attribute specifies the legal number interval for the input field

The above is the detailed content of Example of how to control input format in html. For more information, please follow other related articles on the PHP Chinese website!