HTMLで入力形式を制御する方法の例

黄舟
リリース: 2017-10-27 10:15:02
オリジナル
5095 人が閲覧しました

中国語のみ入力可能

<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,&#39;&#39;)">
ログイン後にコピー

英語のみ入力可能

<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,&#39;&#39;)">
ログイン後にコピー

テキストボックスは数字コードのみ入力可能(小数点入力不可)

<input onkeyup="this.value=this.value.replace(/\D/g,&#39;&#39;)" onafterpaste="this.value=this.value.replace(/\D/g,&#39;&#39;)">
ログイン後にコピー

数字のみ入力可能、小数点は可能入力可能

方法一:<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;)" >
ログイン後にコピー

数字と英語のみ入力可能

<input onKeyUp="value=value.replace(/[^\d|chun]/g,&#39;&#39;)">
ログイン後にコピー

文字と中国語のみ入力可能

<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">
ログイン後にコピー

文字と数字のみ入力可能

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,&#39;&#39;)">
ログイン後にコピー
<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,&#39;&#39;);">
ログイン後にコピー

大文字と小文字が入力できますと数字、下線

<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;)">
ログイン後にコピー

数字、センターライン(電話番号)が入力できます

<input type="text" size="20" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,&#39;&#39;);">
ログイン後にコピー

小文字と数字が入力できます、下線

<input type="text" onkeyup="value=value.replace(/[^\d.]/g,&#39;&#39;)">
ログイン後にコピー

数字とポイントが入力できます

min、max、step 属性は、数値と日付を含む入力型制約に使用されます。
min 属性は、入力フィールドに許可される最小値を指定します。
max 属性は、入力フィールドに許可される最大値を指定します。
step 属性は、入力フィールドの有効な数値間隔を指定します

以上がHTMLで入力形式を制御する方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート