Búsqueda
hx-trigger
Coincidencia
hx-trigger="keyup changed delay:500ms"
Herramientas para desarrolladores
Chuleta HTMX — atributos y disparadores
Explora atributos comunes de HTMX, disparadores y estrategias de intercambio con búsqueda por palabra clave, copia fragmentos visibles y exporta Markdown en tu navegador. Útil para consultas rápidas de hx-* sin leer la documentación completa.
HTMXChuletaInterfaz web
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
开发工具
Chuleta HTMX
Explora atributos comunes de HTMX, disparadores y estrategias de intercambio con búsqueda por palabra clave, copia fragmentos visibles y exporta Markdown en tu navegador. Útil para consultas rápidas de hx-* sin leer la documentación completa.
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
点击任意代码片段可复制；也可以搜索后复制或导出当前可见条目。
Casos de uso
- Comprueba la sintaxis de atributos de petición hx-get y hx-post
- Busca patrones de delay e indicator de hx-trigger
- Exporta atributos de uso común a notas Markdown
Cómo usar
- Explora paneles o busca por palabra clave
- Revisa descripciones de atributos y fragmentos de ejemplo
- Copia entradas visibles o exporta Markdown
Entrada y salida de ejemplo
FAQ
¿Es una demo interactiva o una hoja de referencia?
Es principalmente una referencia de atributos con búsqueda, copia y exportación. No sustituye a la documentación oficial completa ni a las pruebas de API en vivo.
¿Qué incluye la exportación?
Las entradas de atributo visibles actualmente se formatean como Markdown para notas o archivos README.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Chuleta de entidades HTML
Chuleta de entidades HTML — Códigos con nombre y numéricos
Consulta entidades HTML comunes y referencias numéricas de caracteres para espacios, moneda, matemáticas y símbolos tipográficos. Copia formas con nombre o numéricas para un marcado fuente más seguro.
HTML Entidad Codificación
Chuleta de colores Tailwind
Chuleta de colores Tailwind — Tablero completo de escalas
Explora las escalas de color de Tailwind CSS (incluidos los pasos 50–950) en un solo tablero. Busca por nombre, escala o HEX y copia nombres de clases utilitarias o valores HEX sin procesar para proyectos CSS.
Diseño Tailwind CSS
Generador de diagramas Mermaid
Generador de diagramas Mermaid — plantillas y sintaxis
Elige plantillas de diagrama de flujo, secuencia, Gantt, clase o estado, edítalas y genera sintaxis Mermaid para documentación Markdown o exporta archivos .mmd en tu navegador. Útil para README y diagramas técnicos.
Mermaid Diagramas Markdown