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>

• 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>

Legal né? 🙂