[DICA] Como usar um botão enviar fora de um formulário HTML
Outro dia, tive um cenário bastante estranho em que tínhamos um formulário dentro de uma seção específica, mas o botão enviar estava na parte inferior.
A princípio, tentei reconfigurar o HTML para que o botão fizesse parte do elemento do formulário. No entanto, isso rapidamente se tornou um HTML cheio de CSS pra burlar os padrões.
Então decidi pesquisar outras opções e aprendi que você pode colocar botões de envio fora de um formulário!
Vamos dar uma olhada nisso.
Botão enviar fora de um formulário
Para conseguir isso, devemos usar a seguinte marcação.
<form id="newsletterForm">
<label for="email">Email:</label>
<input type="email" name="email" placeholder="Email" />
</form>
<button type="submit" form="newsletterForm">Submit!</button>
Como você pode ver, o botão não faz parte do formulário, mas funcionará.
Isso ocorre porque usamos o atributo "form" em nosso botão. Nela, definimos a qual formulário este botão pertence.
Obrigado por ler e espero ter ajudado mais alguém.