Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vazzoler

Animação no label do formulário

Recommended Posts


  • Conteúdo Similar

    • Por LucasFerraz
      Segue o código de formulário de contato.
      Estou usando ele nos seguintes sites caso queiram testar: aqui, aqui e aqui.
      É rápido, simples e não consome muito processamento.
       
      HTML
      <form class="contact-field" method="POST" id="contact-form"> <h2 style="text-transform:none;">Entre em contato, responderemos o mais rápido possível</h2> <div class="col-md-12 col-sm-12 col-xs-12" style="padding-left:0"> <div class="single-input-field"> <input name="name" id="name" class="name" placeholder="Nome" type="text" required=""> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="single-input-field"> <input name="phone" id="phone" class="phone" placeholder="Telefone" type="text" required=""> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="single-input-field"> <input name="email" id="email" class="email" placeholder="E-mail" type="email" required=""> </div> </div> <div class="col-md-12 message-input"> <div class="single-input-field"> <textarea name="message" id="message" class="message" placeholder="Mensagem" required=""></textarea> </div> </div> <div style="display:inline-block"> <div class="alert alert-success" style="display:none;" role="alert">Contato enviado com sucesso! Responderemos o mais rápido possível.</div> <div class="alert alert-danger" style="display:none;" role="alert">Ocorreu um problema, tente novamente.</div> </div> <div class="single-input-fieldsbtn"> <input value="Enviar" type="submit"> </div> </form> JS
      $("#contact-form").submit(function(e) {     $(".alert-success").hide(), $(".alert-danger").hide(), e.preventDefault(), $.ajax({         type: "POST",         url: "/resources/controllers/email/send.php",         cache: !1,         async: !0,         data: $(this).serialize(),         dataType: "json",         success: function(e) {             1 == e ? ($(".alert-success").show(), $("#contact-form")[0].reset()) : $(".alert-danger").show()         }     }) }); O código PHP vocês podem usar esse aqui.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.