### [Como Adicionar Autofoco ao Seu Formulário](https://wpforms.com/developers/how-to-add-autofocus-on-your-form/) **Publicado:** 15 de dezembro de 2020 **Autor:** Equipe Editorial **Resumo:** Este tutorial irá guiá-lo sobre como usar JavaScript para que o cursor tenha foco automático no primeiro campo do formulário quando sua página carregar. **Conteúdo:** Você está interessado em habilitar o foco automático em seu formulário para melhorar a experiência do usuário? Com o foco automático, o cursor ativa-se automaticamente no primeiro campo do formulário quando a página termina de carregar, otimizando a interação do usuário. Esta melhoria simples pode ser alcançada com um trecho de código JavaScript, e nós o guiaremos pelo processo. ## Criando seu formulário Primeiro, você precisará começar criando seu formulário e adicionando seus campos. Se precisar de ajuda para criar um formulário, [consulte esta documentação](https://wpforms.com/docs/creating-first-form/ "Como Criar Seu Primeiro Formulário").  ## Criando o trecho para adicionar foco automático Em seguida, você precisará adicionar este trecho de código ao seu site. Se precisar de ajuda para adicionar trechos ao seu site, [consulte este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como Adicionar PHP ou JavaScript Personalizado para WPForms"). ``` /** * Adiciona foco automático ao primeiro campo do formulário * * @link https://wpforms.com/developers/how-to-add-autofocus-on-your-form/ */ function wpf_dev_autofocus() { ?> **Categorias:** Campos **Tags:** Javascript, JS ---