Rumah > hujung hadapan web > html tutorial > html中如何控制input输入格式的示例

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

黄舟
Lepaskan: 2017-10-27 10:15:02
asal
5139 orang telah melayarinya

只能输入中文

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

只能输入英文

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

文本框只能输入数字代码(小数点也不能输入)

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

只能输入数字,能输小数点

方法一:<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;)" >
Salin selepas log masuk

只能输入数字和英文

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

只能输入字母和中文

<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">
Salin selepas log masuk

只能输入字母和数字

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

这个可以输入大小写字母和数字,下画线

<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;)">
Salin selepas log masuk

这个可以输入数字,中线(电话号码)

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

这个可以输入小写字母和数字,下画线

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

这个可以输入数字和点

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

Atas ialah kandungan terperinci html中如何控制input输入格式的示例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan