DEV Community

Cover image for Como Criar um Botão de Submit Fora da tag <form>
Victor Badaró
Victor Badaró

Posted on

Como Criar um Botão de Submit Fora da tag <form>

Nem sempre o melhor lugar para se colocar o botão de submit é dentro da tag <form>. Em alguns casos é preferível que ele esteja fora dessa tag (por questões de layout por exemplo).

Como fazer?

É muito simples. O próprio HTML já torna isso possível. De que forma? Basta seguir dois passos simples:

  • Declarar um id para o formulário
<form id="my-form">
...
</form>
Enter fullscreen mode Exit fullscreen mode
  • Informar o id do formulário no atributo form do botão que irá submeter o formulário (esse botão pode estar em qualquer lugar na árvore de elementos. Dentro ou fora da tag form).
<button form="my-form">Submit Button</button>
Enter fullscreen mode Exit fullscreen mode

Legal né? 🙂

Top comments (0)