ホームページ > 記事 > ウェブフロントエンド > HTML 入力ボックスを純粋な数値のみの入力に制限する方法
HTML 入力ボックスを純粋な数値のみの入力に制限する方法
- 醉折花枝作酒筹オリジナル
- 2021-04-07 18:33:598490ブラウズ
入力ボックスを純粋な数値のみに制限する方法: oninput イベントを通じて、正規表現 "/[^\d]/g,''" を使用してイベント内で replace() 関数を使用します。入力テキストボックスに数字のみを入力でき、他の文字を入力すると他の文字が自動的に消去される効果を実現します。
このチュートリアルの動作環境: Windows7 システム、javascript1.8.5&&HTML5 バージョン、Dell G3 コンピューター。
入力ボックスを純粋な数値の入力のみに制限する
oninput イベントを使用します。入力ボックスを純粋な数値の入力のみに制限します
oninput = "value=value.replace(/[^\d]/g,'')"
コード例
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8" />
<title>input</title>
</head>
<body>
只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html>推奨学習: 「HTML ビデオ チュートリアル 」
以上がHTML 入力ボックスを純粋な数値のみの入力に制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。