Latihan 1 dari materi Form dengan HTMX di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Buat form AJAX dengan HTMX:
POST ke /api/items
Input name="item"
Reset form setelah submit menggunakan hx-on::after-request
Hint
Perhatikan instruksi — atribut HTMX apa yang perlu ditambahkan (hx-get, hx-post, hx-target, dll)?
Pastikan hx-target menunjuk elemen yang benar (gunakan CSS selector). Periksa juga hx-swap untuk metode penggantian konten.
Cek apakah endpoint URL sudah benar dan atribut trigger sudah sesuai (default: click untuk button, submit untuk form).
HyperSheets
bagian dari BelajarWeb.dev
🔄
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...