html - 在智能手机上显示电子邮件键盘，但不验证并停止提交

Question

我正在使用以下表格发送电子邮件地址：

<form action="" method="post">
<input type="email" name="email">
<input type="submit">
</form>

我设置type="email"而不是仅仅type="text"因为这将在智能手机上显示一个专门用于输入电子邮件地址的键盘。（例如，@角色更容易访问。）

不幸的是，这将验证提交时的电子邮件地址。Enter e-mail address如果这不是电子邮件地址，它将提示并停止提交。

我想通过提供合适的键盘使键入电子邮件地址变得容易，但不强迫用户插入电子邮件地址，并注意不要错误地输入例如空格。

我怎样才能做到这一点？

标签： htmlvalidationemailinput

Answer 1

解决方案是将novalidate=""属性添加到<form>这样的：

<form action="" method="post" novalidate="">
<input type="email" name="email">
<input type="submit">
</form>