Jak wysłać formularz przyciskiem nieznajdującym się w formularzu?

Standardowo przycisk z atrybutem type=”submit” wysyła formularz, w którym bezpośrednio się znajduje. Jak zatem wysłać formularz przyciskiem, który znajduje się poza nim, w zupełnie innym miejscu dokumentu HTML?

Grafika autorstwa: University of Miami - Office of Research Administration

Atrybut form dla elementu <button>

Za pomocą atrybutu form, do którego przekażemy identyfikator formularza, można wywołać zdarzenie wysłania tego formularza.

<form action="/route" id="formId">
    // 
</form>

<button type="submit" form="formId">Submit</button>

To wszystko.

Źródło tekstu: webroad.pl