HTMX Generator

The following are HTMX fields. Enter the values for each field as needed.

The boxes below each field contain attribute options and a link to a full guide. Field placeholders contain EXAMPLE VALUES and necessary syntax.

If you do not need a field, leave it blank.

hx-get:

The hx-get attribute will cause an element to issue a GET to the specified URL and swap the HTML into the DOM using a swap strategy.

Note: Enter value or leave blank if using hx-post.

Guide

hx-post:

The hx-post attribute will cause an element to issue a POST to the specified URL and swap the HTML into the DOM using a swap strategy. Use with POST endpoint. Use especially for displaying HTML.

Note: Enter value or leave blank if using hx-get.

Guide

hx-swap:

EXAMPLE VALUES
innerHTML outerHTML none

Guide

hx-target:

EXAMPLE VALUES
this next #<element_id>

Guide

hx-headers:

Guide

hx-trigger:

EXAMPLE VALUES
every 2s load <header_name> from:body click from:#<element_id>

Guide