HTML で電子メール入力タイプを使用するにはどうすればよいですか?

WBOY
リリース: 2023-09-05 13:52:30
転載
886 人が閲覧しました

HTML で電子メール入力タイプを使用するにはどうすればよいですか?

電子メールは、電子メール アドレスを使用して他の人に正式な電子メールを送信できるインターネット上のツールです。 Yahoo、Gmail、Hotmail など、多くの電子メール サービス プロバイダーがあります。選択した電子メール アドレスを受け取るには、これらのサービス プロバイダーに登録する必要があります。電子メール アドレスは、ユーザー名とドメイン名の 2 つの部分で構成されます。ユーザー名には、大文字または小文字、数字、特殊文字、ピリオドを使用できます。ユーザー名の最大長は 64 文字、ドメイン名の最大長は 253 文字です。ユーザー名とドメイン名は常に「@」記号で区切られます。私たちはさまざまな場所で電子メール ID を入力しますが、Web ページでは常に有効なアドレスが受け入れられることに気づいたはずです。

HTML フォームで、タイプ「email」の単一行入力コントロールを作成します。 typemail を使用すると、電子メール アドレスの有効性が自動的にチェックされます。電子メール アドレスの検証は確かに非常に重要です。検証しないと、ユーザーが間違った電子メール アドレスを入力する可能性もあります。電子メール アドレス全体はチェックされませんが、トップレベル ドメインである @ および TLD 拡張子のみがチェックされます。

HTML で電子メールを使用する方法を理解しましょう。 ######例### リーリー

このプログラムでは、ユーザーが正しい電子メール アドレス形式を入力しないと、エラー メッセージが表示されます。

電子メール コントロールで複数の電子メール アドレスを受け入れるようにすることもできます。たとえば、電子メールを作成するとき、To、Cc、および Bcc フィールドに複数のアドレスを入力できます。したがって、複数の電子メール アドレスを入力できるコントロールを作成したい場合は、MULTIPLE プロパティを使用できます。

この概念を明確にするために例を見てみましょう。

リーリー

「To」または「Cc」または「Bcc」フィールドには、カンマ (,) を使用して複数の受信者の電子メール アドレスを入力できます。

Web サイトで電子メール アドレスの文字数に制限を設定したいとします。その場合、 タグで MINLENGTH 属性と MAXLENGTH 属性を使用できます。 MINLENGTH は電子メール アドレスが受け入れることができる最小文字数を指定し、MAXLENGTH は電子メール アドレスの最大文字数を制限します。 ######例### リーリー

入力内容は制限値を超えることはできません。制限値を超えるとカーソルの入力が停止します。

電子メール コントロールのデフォルト値を設定するには、空白のテキスト フィールドではなく、電子メール テキスト フィールド (VALUE プロパティを使用) にデフォルトの電子メール ID が表示されることを意味します。 REQUIRED 属性を使用して必須フィールドにすることもできます。 ######例### リーリー

空白のままにするとエラーが表示されます。

Web サイトで、ユーザーが正しい形式で電子メール アドレスを簡単に入力できるように、入力できる形式を表示する必要があるとします。この目的のために、プレースホルダーを作成できます。 ######例### リーリー

最後に、パターン属性について説明します。これを使用すると、入力を特定のドメインの電子メール アドレスのみに制限できます。他のドメインからの電子メール アドレスは受け入れられません。 ######例### リーリー

このプログラムによれば、Gmail アドレスのみが許可されます。

以上がHTML で電子メール入力タイプを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!