Lompat ke konten Lompat ke sidebar Lompat ke footer

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)

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

  1. What is the casino? - SEPT
    The best casino online is herzamanindir.com/ the One of septcasino the main reasons why people are spending https://septcasino.com/review/merit-casino/ money on a game is by having a few septcasino.com options. One of the reasons

    BalasHapus