08 Oktober 2020

3 Langkah Mudah Agar Optionbutton Pada HTML Hanya Dapat Memilih Salah Satu Diantara Beberapa Opsi Yang Tersedia

www.niguru.com
Niguru.com | Kamis, 8 Okt 2020 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan mengenai penggunaan optionbutton. Namun pada contoh yang dijelaskan kemarin user dapat Niguru.comlebih dari satu optionbutton.

Kali ini Niguru.com akan memberikan trik mengenai cara untuk membuat optionbutton hanya dapat dipilih salah satu saja dari beberapa pilihan optionbutton yang tersedia pada halaman web.

Ada 3 langkah yang harus dilakukan untuk membuat optionbutton hanya terpilih satu saja.

1. Tempatkan optionbutton diantara <form> dan </form>.
2. Namai semua optionbutton dengan nama yang sama.
3. Beri ID yang berbeda untuk setiap optionbutton agar setiap optionbutton unik, dan dapat dikenali perbedaannya oleh program.

Perhatikan pada contoh berikut ini:

<form>
<input type="radio" name="a1" id="a1">Aan<br>
<input type="radio" name="a1" id="a2">Bima<br>
<input type="radio" name="a1" id="a3">Citra<br>
<input type="radio" name="a1" id="a4">Diana<br>
<input type="radio" name="a1" id="a5">Erna<br>
<input type="radio" name="a1" id="a6">Fajar<br>
<input type="radio" name="a1" id="a7">Gilang<br>
<br><input type="reset" value="Hapus">
</form>


 

Simpan dengan nama Optionbutton.html:

 

Jalankan file Optionbutton.html. Hasilnya:




Demikianlah trik untuk membuat sekumpulan optionbutton hanya dapat dipilih salah satu saja.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Tidak ada komentar:

Posting Komentar