Formulários

Cadastro em 2 passos

por @ravox·css

0
#f3f4f1
1<form class="passos">2  <input type="radio" name="passo" id="passo-um" checked />3  <input type="radio" name="passo" id="passo-dois" />4  <div class="trilha"><span class="n n1">1</span><span class="linha"><i></i></span><span class="n n2">2</span></div>5  <div class="tela t1">6    <b>Quem é você?</b>7    <input placeholder="Nome completo" />8    <input type="email" placeholder="E-mail" />9    <label for="passo-dois" class="botao">Continuar →</label>10  </div>11  <div class="tela t2">12    <b>Crie uma senha</b>13    <input type="password" placeholder="Senha" />14    <input type="password" placeholder="Repita a senha" />15    <div class="acoes"><label for="passo-um" class="volta">←</label><button type="button" class="botao">Criar conta</button></div>16  </div>17</form>
#cadastro#etapas#progresso#claro

Mais formulários

Ver todos