Bootstrap Войти Форма Пример - «требуется» атрибут

Question

«для входа в аккаунт» Пример HTML форма, которая поставляется с примерами Bootstrap имеет «необходимый» атрибут для 2-х полей формы на знак в виде:

<input type="email" class="form-control" placeholder="Email address" required autofocus> 
<input type="password" class="form-control" placeholder="Password" required> 

От то, что я могу сказать, на самом деле не делает эти поля обязательными - вы можете отправить форму в этом примере, если оба поля пустые.

Может ли кто-нибудь объяснить, для чего нужен «требуемый» атрибут и как он работает? Я предполагаю, что вам нужно будет использовать другой плагин проверки/Javascript, чтобы эти поля были обязательными перед отправкой формы?

Answer 1

Обязательный атрибут - это атрибут формы HTML5, который используется с элементами управления ввода внутри формы. Используя необходимый атрибут, убедитесь, что в форме submit, что обязательное поле заполнено, в противном случае браузер будет показывать ошибку проверки.

Вы можете попробовать this link в различных браузерах и увидеть сообщение, когда вводимое значение не задано.

FYI, Обязательный атрибут входного тега не поддерживается в Internet Explorer 9 и более ранних версиях или в Safari. Для этого вам не нужно использовать какие-либо специальные плагины для проверки. Его часть новых атрибутов HTML5 и автоматически будет запущена поддерживаемыми браузерами при отправке формы.

<form action=""> 
    Username: <input type="text" name="usrname" required> 
    <input type="submit"> 
</form>