搜索
hx-trigger
匹配示例
hx-trigger="keyup changed delay:500ms"
开发工具
HTMX 速查 - 属性与触发器备忘
在线查阅 HTMX 常用属性、触发器与交换策略，支持关键词搜索、复制可见片段并导出 Markdown，适合在本地快速核对 hx-* 写法，无需翻完整文档。
HTMX速查前端
开发工具
HTMX 速查表
在线查阅 HTMX 常用属性、触发器与交换策略，支持关键词搜索、复制可见片段并导出 Markdown，适合在本地快速核对 hx-* 写法，无需翻完整文档。
Core Actions
-
hx-get="/api"Issues a GET request to the URL -
hx-post="/api"Issues a POST request -
hx-put="/api"Issues a PUT request -
hx-patch="/api"Issues a PATCH request -
hx-delete="/api"Issues a DELETE request
Triggers (hx-trigger)
-
hx-trigger="click"Trigger on click (default for buttons) -
hx-trigger="submit"Trigger on submit (default for forms) -
hx-trigger="keyup changed delay:500ms"Debounced search input -
hx-trigger="mouseenter once"Lazy load on hover -
hx-trigger="every 2s"Polling: execute every 2 seconds
Target & Swap
-
hx-target="#result"Load res into ele matching CSS selector -
hx-target="this"Update the element doing the request -
hx-target="closest tr"Target a specific ancestor -
hx-swap="innerHTML"Replace inside target (Default) -
hx-swap="outerHTML"Replace entire target element -
hx-swap="beforeend"Append at the end of inside (Chat ui)
Loading Indicators
-
hx-indicator="#spinner"Add `htmx-request` class to element -
<div class="htmx-indicator">Hidden by default, shown during req
点击任意代码片段可复制；也可以搜索后复制或导出当前可见条目。
使用场景
- 核对 hx-get、hx-post 等请求属性写法
- 查找 hx-trigger 延迟与指示器语法
- 整理常用属性到 Markdown 备忘
如何使用
- 浏览分类面板或输入关键词搜索
- 查看属性说明与示例片段
- 复制可见内容或导出 Markdown
示例输入输出
FAQ
这里是交互演示还是文档速查？
主要是属性速查与说明卡片，可搜索与导出；不代替完整官方文档或真实接口联调。
导出包含哪些内容？
会把当前可见的属性条目整理为 Markdown，便于粘贴到笔记或 README。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
HTML 实体速查
HTML 实体速查 - 符号编码对照
查阅常见 HTML 实体与数字编码对照，覆盖空格、货币、数学与版式符号，适合在源码中安全写入特殊字符并避免直接粘贴异常符号。
HTML 实体 编码
Tailwind 50-950 全色谱
无需文档的大局级颜色搜索板
一张表看完！极其丝滑宏大的 Tailwind CSS 全线色彩面板（由 Slate 一直到 Rose，含 950 黑阶）。不再每次都需要跑回官网查 "emerald-400 的对撞色是多少"。
Design Tailwind CSS
Mermaid 图表生成
Mermaid 图表 - 模板与语法生成
选择流程图、时序图、甘特图、类图或状态图模板，编辑后输出可嵌入 Markdown 的 Mermaid 语法，并可导出 .mmd，适合 README 与技术文档中的结构示意。
Mermaid 图表 Markdown