Rabu, 21 Februari 2018

Belajar Html Menciptakan Radio Button

Diterbitkan Februari 21, 2018

Pernahkah anda melihat sebuah halaman web yang isinya menampilkan sebuah pilihan yang dapat kita pilih salah satunya. Namanya ialah "Radio Button". Fungsinya yaitu dipakai untuk input data yang sifatnya optional atau pilihan.
Berikut pola dari radio button sederhana yang telah aku buat.

Untuk script HTML-nya dibawah ini :

<html> <head><title>Belajar HTML Membuat Radio Button</title></head> <body> <h1>Pilih Jenis Kelamin</h1> <form method="post" action="#"> <input type="radio" name="jk" value="Laki"/>Laki-laki<br/> <input type="radio" name="jk" value="Perempuan"/>Perempuan<br/> <input type="radio" name="jk" value="Lainnya"/>Lainnya<br/> <br/> <input type="submit" name="submit" value="Kirim"/> </form> </body> </html>

Simpan script diatas dengan nama index.html atau terserah anda yang penting ektensi harus .html.
Kemudian jalankan pada browser yang anda sukai, kali ini aku menggunakan Mozilla Firefox.

Untuk tampilannya ialah sebagai berikut :

Pernahkah anda melihat sebuah halaman web yang isinya menampilkan sebuah pilihan yang dapat Belajar HTML Membuat Radio Button

Penjelasan :
Dari setiap tag diatas, setiap komponen radio button mempunyai nama komponen yang sama yaitu name="jk". Karena ketiga kelompok ini masuk kedalam satu kelompok yaitu jk yang sama, yang nantinya akan dipilih.

Semoga bermanfaat !!!
Sumber http://creativitywhitoutlimits.blogspot.com