ホームページ  >  記事  >  ウェブフロントエンド  >  input 要素の値をチェックする正規表現を HTML に追加するにはどうすればよいですか?

input 要素の値をチェックする正規表現を HTML に追加するにはどうすればよいですか?

WBOY
WBOY転載
2023-08-19 19:33:12716ブラウズ

input 要素の値をチェックする正規表現を HTML に追加するにはどうすればよいですか?

この記事で実行するタスクは、HTML で入力要素の値がチェックされる正規表現を追加する方法に関するものです。

input 要素の値をチェックするために使用される正規表現は、HTML の mode 属性によって指定されます。次の入力タイプは、このプロパティと互換性があります: テキスト、パスワード、日付、検索、電子メールなど。

###構文###

以下は、HTML タグの pattern 属性の構文です。

リーリー

入力要素の値が HTML でチェックされる正規表現を追加する方法をさらに理解するために、次の例を見てみましょう

type="パスワード"の場合

タグの type="password" 属性は、ユーザーが安全にパスワードを入力できるテキスト フィールドを作成します。ブラウザによっては、入力された文字はドット (「・」) またはアスタリスク ("*").

###例###

次の例では、タイプが「password」である 要素を使用します。

リーリー

上記のスクリプトが実行されると、パスワード タイプの入力フィールドが生成され、送信する前に制約を満たしているかどうかを確認するモードが設定されます。そうでない場合は、アラート ボックスが表示されます。

入力フィールドが 3 文字に制限されている場合

この場合、ユーザーが 3 文字のみを入力できるように入力フィールドを制限しました。

###例###

次のことを考慮して、数字や特殊文字を含まない 3 文字に制限された入力フィールドを使用しています。

リーリー

スクリプトが実行されると、「countrycode」という名前の出力と、3 文字に制限された送信ボタンが表示されます。制限を満たしていない場合は、警告ボックスが表示されます。

以上がinput 要素の値をチェックする正規表現を HTML に追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。