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

Home

Web Front-end

HTML Tutorial

Example of how to control input format in html

黄舟

Oct 27, 2017 am 10:15 AM

html input enter

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!

Statement of this Website

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