Learn about Forms

Learn to design user-friendly forms that improve conversion rates and minimize user frustration with these tutorials on form design best practices.
  1. Como Construir um Formulário Responsivo com Flexbox

    Como Construir um Formulário Responsivo com Flexbox

    Tutorial Beginner

    Nesse tutorial, aprenderemos como lançar mão do flexbox para criar um formulário responsivo. O interessante (e excitante ao mesmo tempo) é que o flexbox...

  2. Como fazer labels de inputs flutuantes com validação de HTML5

    Como fazer labels de inputs flutuantes com validação de HTML5

    Tutorial Intermediate

    TL;DR Substitui a tua validação de JavaScript por validação HTML5. É mais fácil do que tu pensas, e dá-te muito controlo de markup e de estilo. Experimenta...

  3. Como Integrar o "No CAPTCHA reCAPTCHA" no seu Site

    Como Integrar o "No CAPTCHA reCAPTCHA" no seu Site

    Tutorial Beginner

    CAPTCHA é, talvez, a experiência mais frustrante na internet. Eles são dolorosos o suficiente para a maioria dos usuários, para não falar para quem é...

  4. Atualize Seus Formulários com Validação Via CSS3 e HTML5

    Atualize Seus Formulários com Validação Via CSS3 e HTML5

    Tutorial Beginner

    Vamos ver como criar um formulário funcional que valida os dados do usuário, no lado do cliente. Com isso feito, vamos cobrir embelezamento do formulário...

  5. Dica Rápida: Caixas de Seleção e Botões de Rádio Fáceis com CSS3

    Dica Rápida: Caixas de Seleção e Botões de Rádio Fáceis com CSS3

    Tutorial Beginner

    Já se perguntou como estilizar caixas de seleção e botões de rádio sem JavaScript? Graças ao CSS3, é possível! Eis o que criaremos: