Como criar campos responsivos nos formulários

Uma forma de melhorar a experiência dos usuários é criar campos responsivos nos seus formulários, pois eles se adaptam ao tamanho da tela e facilitam a visualização.

Veja como criar um botão responsivo no exemplo abaixo, usando o botão Enviar como referência:

Acesse a página de Criação de Formulários e clique no botão ENVIAR e depois na opção DIMENSÕES.

Note que a unidade de medida selecionada é o Pixel, que é uma unidade estática, ou seja, que não se adapta corretamente aos diversos tamanhos de tela dos dispositivos que os usuários podem usar.

Na seleção de medias você encontrará outras opções, mas a melhor opção para esse caso é usar a unidade de medida de Porcentagem, pois ela é uma unidade dinâmica que se ajusta às telas dos usuários. É importante manter a largura em 100%.

Observe que o botão Enviar se ajusta as bordas do formulário!

Para verificar como o botão ficará nas diferentes telas, nós oferecemos a opção de Visualização em Formato para tablet, celular e computador. Assim você poderá ter uma ideia de como será o resultado final.

Agora seu botão já está pronto para se adaptar às diferentes telas.

Last updated