HTML5 电子邮件验证

Question

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

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

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

原文由 abcid d 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 HTML5 中你可以这样做：

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

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

原文由 Midhun MP 发布，翻译遵循 CC BY-SA 3.0 许可协议