yoloing at 2024-05-11T04.29

html/submit-a-form-with-a-button-outside-the-form.md

@@ -0,0 +1,21 @@
+# Submit A Form With A Button Outside The Form
+
+You can tie a submit button to a form that the button doesn't live inside of. The trick is to give the form an `id` and then reference that `id` with the button's `form` property.
+
+```html
+<div>
+  <form id="my-form">
+    <label for="name">Name:</label>
+    <input type="text" name="name"></input>
+  </form>
+
+  <!-- ... -->
+
+  <button type="submit" form="my-form">Submit</button>
+</div>
+```
+
+With this setup, clicking the _Submit_ button will cause the form to be submitted.
+
+See the [MDN Button docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details.
+