HTML5 メール検証 質問する

HTML5 メール検証 質問する

「HTML5 では、ユーザーの入力が有効なメール アドレスまたは URL アドレスであるかどうかを確認するための js やサーバー側のコードは不要になります」と言われています。

ユーザーが入力した後、メールを検証するにはどうすればよいですか? また、JS を使用せずに、ユーザーが間違った形式のメール アドレスを入力した場合にどのようにメッセージを表示しますか。

<input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email">
<input type="submit" value="Submit">

ベストアンサー1

HTML5 では次のようにできます:

<form>
<input type="email" placeholder="Enter your email">
<input type="submit" value="Submit">
</form>

ユーザーが送信を押すと、次のようなエラー メッセージが自動的に表示されます。

エラーメッセージ

おすすめ記事