# Formulários - Como criar campos responsivos nos formulários

<figure><img src="/files/dD15iz14OwKhfDujjeJG" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/8LdJZQDSmsY1eqXBpRbs" alt=""><figcaption><p>Ele se adapta ao tamanho da tela do lead.</p></figcaption></figure>

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.

<figure><img src="/files/pptTficvGcs9DliqcFrg" alt=""><figcaption><p>Botão que usaremos como exemplo.</p></figcaption></figure>

<figure><img src="/files/7TBylGaAolgrqSPEQQZ1" alt=""><figcaption><p>O mesmo procedimento pode ser feito para outros componentes.</p></figcaption></figure>

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%**.

<figure><img src="/files/svtv99uUbGyZCdqryh54" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/NxedrmSUOa6hLhMYsnrq" alt=""><figcaption><p>O mesmo pode ser feito para tablets e outros formatos de tela.</p></figcaption></figure>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/topicos/converter/formularios/formularios-duvidas-comuns/formularios-como-criar-campos-responsivos-nos-formularios.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.