HTML

Como inserir uma dica para o usuário no input

26 de fevereiro de 2020

Como inserir uma dica para o usuário no input

Neste artigo vamos aprender como inserir uma dica para o usuário no input, para ele poder entender o que precisa preencher no campo

dica no input forms capa

Fala programador, beleza? Bora aprender coisa nova!

Bom, para resolver o problema de dica no formulário temos uma funcionalidade bem simples e útil

Vamos inserir um atributo no input desejado, este atributo se chama placeholder

Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.

E no placeholder temos que inserir um valor, que é a dica que vamos dar ao usuário para que ele preencha o campo corretamente

Como inserir uma dica para o usuário no input: na prática!

Vamos ver no código como aplicar este atributo:

<!DOCTYPE html>
<html>
<head>
    <title>Como inserir uma dica para o usuário no input</title>
</head>
<body>
    <form>
        <input type="text" name="name" placeholder="Insira o seu nome">
        <input type="email" name="email" placeholder="Insira seu e-mail">
        <input type="submit" value="Enviar">
    </form>
</body>
</html>

Agora veja o que é apresentado no navegador:

dicas no form exemplo

Veja que nos inputs de name e email, inserimos o atributo placeholder

Neles escrevemos dicas para o usuário guiar-se e enviar o form de forma correta para o back-end

Então resolvemos nosso problema! Legal né? 😀

Conclusão

Vimos como inserir uma dica para o usuário via input com  o atributo placeholder

Isso é muito importante pois as vezes precisamos dar informações mais precisas do que queremos do usuário

Fazendo com que a aplicação cumpra seu objetivo e o usuário envie os dados corretamente

E por hoje é isso, até o próximo post! 🙂

Confira também nosso curso de HTML e CSS gratuito no YouTube clicando aqui! Onde criamos um site do 0 até o resposivo 😀

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x