Atributo required
O atributo required indica que
este elemento de formulário HTML
deve ser obrigatoriamente preenchido.
O atributo deve ser aplicado às tags input
ou textarea.
Ao tentar enviar o formulário caso o campo com este atributo não esteja preenchido - o navegador não permitirá o envio do formulário e exibirá um erro na forma de uma dica pop-up. Infelizmente, o texto do erro e sua aparência não podem ser alterados usando HTML ou CSS.
Tenha em mente que a presença do atributo required
não o isenta de verificar a correção
do preenchimento do formulário no lado do servidor com
PHP (pois a proteção através do atributo pode ser facilmente contornada).
Exemplo
Vamos adicionar o atributo required
à tag input.
Sem inserir nada no campo, tente clicar no botão
para enviar o formulário. O navegador não permitirá o envio
do formulário, adicionará uma sombra ao input e exibirá uma mensagem
de erro:
<form action="">
<input type="text" placeholder="digite algo" required>
<input type="submit">
</form>
:
Veja também
-
o atributo
pattern,
que permite validar o input
