> For the complete documentation index, see [llms.txt](https://ploegert.gitbook.io/til/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ploegert.gitbook.io/til/programmy/html/submit-a-form-with-a-button-outside-the-form.md).

# 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.