[DICAS TECH] Placeholder: o que é?

Oi, pessoal!

Bora aprender mais um pouquinho?

O que é Placeholder?

  • O placeholder é um atributo que contém uma pequena frase ou palavra, com o intuito de ajudar usuários a entender o que se deve preencher em determinado campo de um formulário.
    Para formatar o placeholder nos campos de formulários e textareas, basta manipular a pseudo-class ::placeholder.

13 Likes

não sabia, vlww

2 Likes

É um ótimo uso para acessibilidade, obrigado por compartilhar conosco :raised_hands: Seria bom ter um exemplo de código para ser mais acessível. Claro, se possível.

2 Likes

Boa, Wesley!
Exemplo prático que apliquei em um formulário pra estudo: Formulario/index.html at main · anavitoriagoess/Formulario · GitHub

<input type="text" id="nome" placeholder="Nome Completo" required="required">

E fica assim:
image

 <select class="form_select input_custom" name="sexo" required="required" placeholder="Sexo">
                        <option value="">Selecione</option>
                        <option value="M">Masculino</option>
                        <option value="F">Feminino</option>
                        <option value="NA">Não quero identificar</option>
                    </select>

image

Nesse formulário eu não estilizei :smiling_face_with_tear:

2 Likes

Obrigada por compartilhar!

1 Like

Adorei! Obrigada.

1 Like

boa! :slight_smile:

1 Like