### [Como Alterar a Ordem de Tabulação Dentro do Campo de Layout](https://wpforms.com/developers/how-to-change-the-tab-order-inside-the-layout-field/)
**Publicado:** 1 de agosto de 2023
**Autor:** Equipe Editorial
**Resumo:** Neste tutorial, mostraremos como alterar a ordem de tabulação dos campos que estão dentro do campo de Layout usando um pequeno trecho de JavaScript.
**Conteúdo:**
## Introdução
Está a usar o campo **Layout** e gostaria de alterar a ordem de tabulação? Por padrão, a sequência de tabulação para este campo percorre todos os campos do lado esquerdo antes de passar para os do lado direito. Em apenas alguns passos simples, demonstraremos como personalizar a ordem de tabulação sem esforço usando um trecho de JavaScript. Vamos começar!
## Criação do formulário
Para começar, criaremos um novo formulário usando o campo **Layout**. Se precisar de alguma ajuda com isto, [consulte esta documentação útil](https://wpforms.com/docs/how-to-use-the-layout-field-in-wpforms/ "Usar o Campo de Layout").
Para efeitos desta documentação, adicionámos os campos **Nome**, **Email**, **Telefone** e alguns outros dentro do nosso campo **Layout**.
## Adição do trecho
Assim que o formulário for criado, precisará de adicionar este trecho ao seu site.
Se precisar de alguma ajuda sobre como e onde adicionar trechos ao seu site, [visite este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como Adicionar PHP ou JavaScript Personalizado para WPForms").
```
/**
* Alterar a ordem de tabulação dentro do campo de layout
*
* @link https://wpforms.com/developers/how-to-change-the-tab-order-inside-the-layout-field/
*/
function wpf_dev_change_layout_field_tab_order( ) {
?>
**Categorias:** Tutoriais
**Etiquetas:** Javascript, JS, Campo de Layout
---