[code-snippet] HTML forms attributes on elements outside of the actual form

Took me 10+ years to discover that form elements have a “form” attribute

And can be used outside of the parent <form> element natively

<div>
<label>
Some data outside of the my-form
<select form="my-form">
<option value="country">France</option>
</select>
</label>
</div>
<form action="/data" method="get" id="my-form">
<label>
Name
<input type="text" value="name" />
</label>
<button type="submit">Send</button>
</form>

With this, when you submit the form, the form data will contain the select that has the :form attribute – WILD!