Home  >  Article  >  Web Front-end  >  Example of how to control input format in html

Example of how to control input format in html

黄舟
黄舟Original
2017-10-27 10:15:025040browse

Only Chinese can be entered

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

Only English can be entered

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

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

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

Only numbers and English can be entered

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

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

Only letters and numbers can be entered

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

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

. 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;);">

This can input lowercase letters and numbers, underline

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

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn