itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-09-29 05:51:39 +00:00
Code Issues Packages Projects Releases Wiki Activity
htmx/www/content/attributes/hx-patch.md
William Jackson 46badfe0b1
Add descriptions for attribute pages (#3158) 
Descriptions for attribute pages
2025-02-07 17:07:13 -07:00

1.0 KiB
Raw Blame History

+++ title = "hx-patch" description = """
The hx-patch attribute in htmx will cause an element to issue a PATCH request to the specified URL and swap the
returned HTML into the DOM using a swap strategy.""" +++

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
  • 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
  • You can control the data submitted with the request in various ways, documented here: Parameters