Formulário responsivo com validação, máscara e calendário em HTML5


FORMULÁRIO RESPONSIVO COM VALIDAÇÃO, MÁSCARA E CALENDÁRIO EM HTML5

Quero deixar  uma pequena contribuição para os desenvolvedores front-end que  precisam criar os formulários, seja para contato, cadastro entre outras funcionalidades e sempre perde um bom tempo criando os inputs, inserindo JQuery com máscaras e validações de campos.

Neste formulário totalmente preparado para facilitar sua vida, ele já possui os códigos para se adaptar a todas as resoluções, possuí validação via JQuery muito fácil de personalizar, máscara para campos de telefone, CEP, CPF, data entre outros usando o JQuery maskedinput e também se for necessário o famoso calendário Datapicker.

O layout é bem clean para que não interfira no seu site, e com uma fácil customização de cores, dentre outras necessidades que possam aparecer, código em HTML 5 com inputs, textarea, checkbox, select e radio button formatados, basta apagar o que você não irá usar.

Este formulário é apenas front-end não possuindo script de envio, é apenas um “Bootstrap” de formulário para agilizar seu desenvolvimento.

Fique a vontade para fazer o download.

Demo

Link para download





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

9 comentários em “Formulário responsivo com validação, máscara e calendário em HTML5

  1. kleber brito 20 de dezembro de 2016 22:05

    Meus parabéns!!!!!!!

  2. Fagner 10 de agosto de 2016 23:15

    Muito bom!!! parabéns pelo trabalho

  3. Marcio Sousa 4 de junho de 2016 13:17

    Olá Boa tarde tudo bem?

    Eu gostaria de uma ajuda para desenvolver os script de envio para este fomulário. poderiam me ajudar?

  4. Guilherme Reis 13 de maio de 2016 16:03

    Muito obrigado Robson! Muito bom e direto este seu exemplo.

  5. ANDERSON 3 de maio de 2016 20:59

    Cara, muito bom seu código, pelo menos nos testes que usei aqui funcionou de boa obrigado por compartilhar!

    • Robson Moulin 12 de maio de 2016 17:43

      Que bom que gostou Anderson, espero que os códigos sejam úteis!
      Abraços!

  6. Luiz 12 de fevereiro de 2016 16:15

    Muito boa a sua contribuição. Estava procurando algo para aprofundar meus estudos. Simples e direto.

    • Tavares Pranviatmann 27 de abril de 2016 20:26

      olá, gostaria de utilizar o seu formulário em meu site… mas não entendo de programação. Poderia me ensinar a utilizar com o meu e-mail real ?

Deixe o seu comentário

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>