Attributes

Requests

• hx-get - issues GET request to specified URL
• hx-post - issues POST request to specified URL
• hx-put - issues PUT request to specified URL
• hx-patch - issues PATCH request to specified URL
• hx-delete - issues DELETE request to specified URL
• hx-query - issues QUERY request to specified URL

Request Control

• hx-trigger - controls when element issues requests
• hx-swap - controls how response is inserted
• hx-target - controls where response is inserted
• hx-select - controls which response part is inserted
• hx-swap-oob - marks response elements to swap into page by ID
• hx-select-oob - picks response elements to swap into page by ID
• hx-confirm - shows confirmation dialog before request

Scripting

• hx-on - runs inline JavaScript when event fires

Data

• hx-vals - adds values to request parameters
• hx-include - includes additional element values in request
• hx-headers - adds custom headers to request
• hx-encoding - sets request encoding type

History

• hx-push-url - pushes URL into browser history
• hx-replace-url - replaces current URL in browser history
• hx-history-elt - marks element to swap on history restore

Enhancements

• hx-boost - converts links and forms to AJAX
• hx-preload - preloads content before user triggers request
• hx-pending - shows custom content during requests

Advanced

• hx-indicator - specifies loading indicator element
• hx-status - handles responses differently by status code
• hx-sync - synchronizes requests between elements
• hx-validate - validates before submitting request
• hx-disable - disables elements during request
• hx-ignore - disables htmx processing for element
• hx-preserve - preserves element during swaps
• hx-morph-skip - freezes an element during a morph swap
• hx-morph-skip-children - morphs an element’s attributes but keeps its children
• hx-action - specifies URL to receive request
• hx-method - specifies HTTP method for request
• hx-config - configures request behavior