Ввод Обязательный 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 Валидации отлично подходят для помощи пользователям, но это не для обеспечения безопасности/проверки.