[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!