htmx/www/attributes/hx-patch.md

layout	title
layout.njk	</> htmx - hx-patch

hx-patch

The hx-patch attribute will cause an element to issue a PATCH to the specified URL and swap the HTML into the DOM using a swap strategy:

<button hx-patch="/account" hx-target="body">
  Patch Your Account
</button>

This example will cause the button to issue a PATCH to /account and swap the returned HTML into the innerHTML of the body.

Notes

• hx-patch is not inherited
• Since most browsers do not support issuing an actual PATCH, the request will actually be issued as a POST, with the X-HTTP-Method-Override header set to PATCH.
• You can control the target of the swap using the hx-target attribute
• You can control the swap strategy by using the hx-swap attribute
• You can control what event triggers the request with the hx-trigger attribute