Pular para o conteúdo principal

Postagens

Mostrando postagens de 2019

Fazer o Label do formulário subir.

Imagem
Animando a Tag label dos campos inputs. Você já deve ter visto alguns formulários que ao clicar no campo input a palavra de dentro que é o título subir. Isso é bem simples e rápido de ser feito, mas somente vai funciona para formulário onde a Tag label fica abaixo da Tag input. Criando um formulário simples. Este exemplo vai conter um campo de nome, senha e um botão entrar. Será criado uma animação que vai fazer a tag label subir e para ficar mais legal vamos colocar um ícone de confirmado. Copie o HTML abaixo. <form method="POST" class="formBox">                 <h2>Login</h2>                 <div class="inputBox">                                <input type="text" name="nome" required="">                                <label>Nome do usuário</label>                 </div>                 <div class="inputBox"