输入必需的HTML5

Question

我在html5中有这个表格：

 <form method="post" action="form.php" >
    <input id="fname" name="fname" type="text" value=""  required/>
    <input id="lname" name="lname" type="text" value=""  required/>
    <input id="submit" name="submit" type="submit" value="" />
 </form>

有时我会收到空​​白字段。你能告诉我为什么吗？

Answer 1

最佳做法是也包含aria-required属性：

<form method="post" action="form.php" >
        <input id="fname" name="fname" type="text" value=""  required aria-required=”true” />
        <input id="lname" name="lname" type="text" value=""  required aria-required=”true” />
</form>

请注意，较旧的浏览器可能不支持这些属性。在任何不支持这些属性的浏览器上，仍然可以通过javascript实现前端表单验证。您可以详细了解javascript表单验证here。

请记住，验证服务器上的输入也很重要。

Answer 2

您不能仅在客户端制定约束。任何人都可以在不使用您的表单的情况下向您的服务器发送POST请求 所有最近的浏览器都可以编辑DOM并删除required部分。

HTML5验证非常适合帮助用户，但不适用于安全/检查。