Latihan 1 dari materi hx-post di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <form> berisi <input name="nama">, <input name="email">, dan tombol Simpan, plus <div id="result"> di luar form. Biarkan semuanya, lalu lengkapi tag <form>:
hx-post="/api/contacts" di <form>, supaya form dikirim lewat POST oleh htmx.hx-target="#result" di <form> yang sama, supaya balasannya tampil di #result, bukan menimpa form.name.Yang dicek:
<form> dengan hx-post bernilai persis /api/contacts dan hx-target bernilai persis #result.<input> di dalam form, dan keduanya punya name.#result ada.hx-post di luar komentar.Di pratinjau, menekan Simpan mengirim POST /api/contacts lewat htmx, yang dijawab 404 karena belum ada contoh balasan, jadi #result tetap kosong. Mau melihat tanda terimanya? Tambahkan <template id="contoh-balasan"><p>Kontak tersimpan!</p></template>. Template itu gak dinilai.
