checkbox dan radio html

Dalam HTML, terdapat dua jenis elemen yang sering digunakan dalam formulir untuk memungkinkan pengguna memilih opsi: checkbox (kotak centang) dan radio button (tombol radio). Checkbox (Kotak Centang): Elemen <input> dengan atribut type="checkbox" digunakan untuk membuat checkbox. Checkbox memungkinkan pengguna untuk memilih beberapa opsi sekaligus. Contoh penggunaan: html Copy code <input type="checkbox" id="option1" name="option1" value="option1"> <label for="option1">Opsi 1</label> <input type="checkbox" id="option2" name="option2" value="option2"> <label for="option2">Opsi 2</label> Pada contoh di atas, terdapat dua checkbox dengan nilai id, name, dan value yang berbeda. Pengguna dapat memilih salah satu atau kedua opsi tersebut. Radio Button (Tombol Radio): Elemen <input> dengan atribut type="radio" digunakan untuk membuat tombol radio. Tombol radio memungkinkan pengguna untuk memilih satu opsi dari beberapa opsi yang saling terkait. Contoh penggunaan: html Copy code <input type="radio" id="option1" name="option" value="option1"> <label for="option1">Opsi 1</label> <input type="radio" id="option2" name="option" value="option2"> <label for="option2">Opsi 2</label> Pada contoh di atas, terdapat dua tombol radio dengan nilai id, name, dan value yang sama. Atribut name yang sama pada tombol radio yang saling terkait memastikan bahwa hanya satu opsi yang dapat dipilih. Perhatikan bahwa atribut id pada elemen input dan atribut for pada elemen label digunakan untuk mengaitkan label dengan elemen input yang terkait. Ini membantu meningkatkan aksesibilitas dan memungkinkan pengguna untuk memilih opsi dengan mengklik label.