HTML5电子邮件验证

Question

据说“有了HTML5，我们不再需要js或服务器端代码来检查用户输入的内容是否为有效的电子邮件或网址”用户输入后如何验证电子邮件？如果没有使用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>

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