HTMX - 属性

HTMX 属性是 htmx 的核心关键，因为它主要负责允许直接从 HTML 访问 AJAX、CSS 过渡、WebSockets 和服务器发送事件。因此，我们可以构建现代 UI 而无需使用大量的 JavaScript。

HTMX 属性类型

HTMX 属性分为如下两部分。

此分类并非官方分类，只是为了让您的学习曲线更有趣，更容易理解每个属性及其用法。

这些是在使用 htmx 时经常使用的常用属性。

属性	描述
hx-get	用于触发对指定 URL 的 GET 请求。
hx-post	用于触发对指定 URL 的 POST 请求。
hx-on*	用于使用内联脚本处理元素上的事件。
hx-push-url	用于将 URL 推入浏览器地址栏以创建历史记录。
hx-select	用于选择要从响应中替换的内容。
hx-select-oob	用于选择要从响应中替换的内容，位置不在目标元素内 (带外)。
hx-swap	控制内容的替换方式 (outerHTML、beforeend、afterend、……)
hx-swap-oob	用于标记要从响应中替换的元素 (带外)。
hx-target	用于指定要替换的目标元素。
hx-trigger	用于指定触发请求的事件。
hx-vals	用于添加要与请求一起提交的值 (JSON 格式)。

在使用 htmx 时，某些属性很少使用。

属性	描述
hx-boost	用于为链接和表单添加渐进增强。
hx-confirm	在发出请求之前显示一个 confirm() 对话框。
hx-delete	用于触发对指定 URL 的 DELETE 请求。
hx-disable	禁用给定节点及其所有子节点的 htmx 处理。
hx-disabled-elt	在请求进行中时，为指定的元素添加 disabled 属性。
hx-disinherit	控制和禁用子节点的自动属性继承。
hx-encoding	更改请求编码类型。
hx-ext	用作此元素的扩展。
hx-headers	添加到将与请求一起提交的标头。
hx-history	用于防止敏感数据被保存到历史缓存。
hx-history-elt	在历史导航期间快照和恢复的元素
hx-include	用于在请求中包含其他数据。
hx-indicator	在请求期间要添加 htmx-request 类的元素
hx-inherit	如果默认情况下已禁用，则控制并启用子节点的自动属性继承
hx-params	用于过滤将与请求一起提交的参数。
hx-patch	用于触发对指定 URL 的 PATCH 请求。
hx-preserve	用于指定在请求之间保持不变的元素
hx-prompt	在提交请求之前显示一个 prompt()。
hx-put	用于触发对指定 URL 的 PUT 请求。
hx-replace-url	用于替换浏览器地址栏中的 URL。
hx-request	用于配置请求的各个方面。
hx-sync	控制不同元素发出的请求如何同步。
hx-validate	用于强制元素在请求之前进行自我验证。
hx-vars	它动态地向参数添加值以与请求一起提交 (已弃用，请使用 hx-vals)。

打印页面