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é? 🙂
Top comments (0)