fieldset, legend, dan tombol submit
<fieldset> mengelompokkan input yang berkaitan dan <legend> memberi judul kelompok itu — screen reader membacakan legend saat user masuk ke grup, sangat membantu pada form panjang. Untuk tombol: type="submit" mengirim form, type="button" tidak melakukan apa-apa sendiri (dipakai bersama JavaScript). Lupa menulis type pada <button> di dalam form berarti default-nya submit — penyebab klasik 'halaman ke-refresh sendiri saat saya klik tombol'.
👀 Contoh dulu
<fieldset> <legend>Alamat Pengiriman</legend> <label for="jalan">Jalan</label> <input id="jalan" name="jalan"> </fieldset> <button type="submit">Simpan</button>
Hasilnya: Kotak bergaris dengan judul 'Alamat Pengiriman' menempel di tepi atasnya, lalu tombol Simpan di luar kotak.
💡 legend harus jadi elemen pertama di dalam fieldset. Tulis type pada button secara eksplisit agar tidak salah perilaku.
📝 Sekarang giliranmu
Buat <fieldset> dengan <legend> bertuliskan Data Diri, lalu di luar fieldset tambahkan <button type="submit"> bertuliskan Kirim.