#3 – Работа с формами и пользователем

Отправляем данные с помощью HTML

Атрибут hx-post позволяет отправить POST-запрос на сервер. Это удобно, например, когда вы хотите передать данные из формы: имя, комментарий, email и т.д.

HTMX сам соберёт данные из полей формы и отправит их на указанный адрес. Никакого JavaScript писать не нужно.

Чаще всего hx-post используют в форме, но его можно применять и на других элементах — главное, чтобы в DOM рядом были поля ввода с именами.

Управляем, когда отправлять запрос

По умолчанию HTMX отправит запрос при стандартном действии:

• для формы — при её отправке (submit),
• для кнопки — при клике (click),
• для поля ввода — при изменении (change).

Но иногда хочется точно указать, когда запускать запрос. Например:

• при наведении (mouseover),
• при потере фокуса (blur),
• при вводе текста (keyup enter),
• при загрузке элемента на экран (revealed).

Вот тут и нужен hx-trigger. Он позволяет задать любое событие, которое вызовет запрос.