HTML5 电子邮件验证

Question

据说“使用 HTML5，我们不再需要 js 或服务器端代码来检查用户的输入是否是有效的电子邮件或 url 地址”

如何在用户输入后验证电子邮件？如果没有 JS 如何在用户输入错误形式的电子邮件地址时显示消息。

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

Answer 1

在 HTML5 中你可以这样做:

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

当用户按下提交时，它会自动显示如下错误消息: