需要輸入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表單驗證的更多信息。

請記住，驗證服務器上的輸入也很重要。

Answer 2

您不能僅在客戶端進行約束。 任何人都可以輕松地向您的服務器發送POST請求，而無需使用您的表單。
所有最新的瀏覽器都可以編輯DOM並刪除required部分。

HTML5驗證非常適合幫助用戶，但不適用於安全性/檢查。