Recherche
hx-trigger
Correspondance
hx-trigger="keyup changed delay:500ms"
Outils de développement
Aide-mémoire HTMX — attributs et déclencheurs
Explorez les attributs HTMX courants, les déclencheurs et les stratégies d'échange avec la recherche par mot-clé, copiez les extraits visibles et exportez Markdown dans votre navigateur. Utile pour les recherches rapides de hx-* sans lire toute la documentation.
HTMXAide-mémoireInterface web
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
开发工具
Aide-mémoire HTMX
Explorez les attributs HTMX courants, les déclencheurs et les stratégies d'échange avec la recherche par mot-clé, copiez les extraits visibles et exportez Markdown dans votre navigateur. Utile pour les recherches rapides de hx-* sans lire toute la documentation.
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
点击任意代码片段可复制；也可以搜索后复制或导出当前可见条目。
Cas d’usage
- Vérifications la syntaxe des attributs de requête hx-get et hx-post
- Trouver des modèles de retard et d'indicateur de déclenchement hx
- Exporter les attributs couramment utilisés vers des notes Markdown
Mode d’emploi
- Parcourir les panneaux ou effectuer une recherche par mot-clé
- Examiner les descriptions et exemples d'attributs extraits
- Copier les entrées visibles ou exporter Markdown
Exemples d’entrée et de sortie
FAQ
Est-ce une démo interactive ou une aide-mémoire ?
Il s'agit principalement d'une référence d'attribut avec recherche, copie et exportation. Cela ne remplace pas la documentation officielle complète ou les tests d'API en direct.
Que comprend l'exportation ?
Les entrées d'attributs actuellement visibles sont au format Markdown pour les notes ou les fichiers README.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Aide-mémoire d'entité HTML
Aide-mémoire d'entité HTML - Codes nommés et numériques
Recherchez les entités HTML courantes et les références numériques de caractères pour les espaces et les symboles monétaires, mathématiques ou typographiques. Copiez leur forme nommée ou numérique pour obtenir un balisage source plus sûr.
HTML Entité Encodage
Aide-mémoire des couleurs Tailwind
Aide-mémoire des couleurs Tailwind — Nuancier complet
Parcourez les échelles de couleurs CSS Tailwind (y compris 50 à 950 étapes) sur un seul tableau. Recherchez par nom, échelle ou HEX, puis copiez les noms de classe utilitaires ou les valeurs HEX brutes pour les projets CSS.
Conception Tailwind CSS
Générateur de diagrammes Mermaid
Générateur de diagrammes Mermaid — modèles et syntaxe
Choisissez des modèles d'organigramme, de séquence, de Gantt, de classe ou d'état, modifiez-les et générez la syntaxe Mermaid pour la documentation Markdown ou exportez des fichiers .mmd dans votre navigateur. Utile pour le README et les diagrammes techniques.
Mermaid Diagrammes Markdown