hx-disabled-elt

Атрибут hx-disabled-elt позволяет указать элементы, которым будет добавлен атрибут disabled на время запроса.

Значение этого атрибута — CSS-селектор элемента или элементов, к которым нужно применить класс, или ключевое слово closest, за которым следует CSS-селектор, который найдёт ближайшего предка элемента или сам элемент, соответствующий заданному CSS-селектору (например, closest tr), или ключевое слово this

Вот пример с кнопкой, которая будет отключаться во время запроса:

<button hx-post="/example" hx-disabled-elt="this">
    Post It!
</button>

Когда запрос находится в процессе выполнения, это приведет к тому, что кнопке будет назначен атрибут disabled, который предотвратит дальнейшие нажатия.

Примечания

• hx-disable-elt наследуется и может быть размещён на родительском элементе