Com o atributo required
(Inglês), por exemplo, num campo do tipo text
, o navegador vai apresentar um balão ao utilizador a dar conta que esse campo é requerido e deverá ser preenchido.
O problema começa na mensagem em si que sendo genérica não ajuda o utilizador. Por outro lado, a mensagem diz respeito à língua do navegador e não propriamente à língua da aplicação.
<form>
<input type="text" required>
<button type="submit">Enviar</button>
</form>
Ao clicar em "Enviar" sem preencher o campo, no Firefox em Inglês vou receber a mensagem:
Please fill out this field.
Pergunta
De que forma podemos personalizar a mensagem que o navegador apresenta para um input
com o atributo required
?