Muito bom o curso! A didática do professor é ótima, e estimula a aprender mais. Usei o que ele ensinou (e um pouco de curiosidade fuçando nos stackoverflow da vida kkkk) para fazer sumir o texto de exemplo (placeholder) quando o usuário clica para digitar:
No HTML:
<fieldset>
<label for="nomesobrenome">Nome Completo</label>
<input type="text" id="nomesobrenome" class="input-padrao" required placeholder="Nome e Sobrenome">
<label for="email">Email</label>
<input type="email" id="email"class="input-padrao" required placeholder="seuemail@dominio.com">
<label for="telefone">Telefone</label>
<input type="tel" id="telefone"class="input-padrao" required placeholder="(xx) xxxxx-xxxx">
<label for="mensagem">Mensagem</label>
<textarea cols="70" rows="10" id="mensagem"class="input-padrao" required placeholder="Deixe sua mensagem para a Barbearia Alura"></textarea>
</fieldset>No CSS:
::placeholder{
color: #555555;
opacity: 0.6;
font-family: serif;
transition: 1s;
}
input:focus::-webkit-input-placeholder{
color: transparent;
}
textarea:focus::-webkit-input-placeholder{
color: transparent;
}
Se alguém tiver alguma sugestão ou correção, agradeço!
