Fungsi input tipe radio pada form

Apa fungsi input tipe radio pada form ?. Tag Input Type Radio Button, digunakan sebagai alat penyedia opsi – opsi untuk dipilih oleh pengujung.

Dengan Radio Button pengunjung dapat memilih salah satu dari beberapa pilihan yang disediakan.

Radio Button ini biasa digunakan dalam pemilihan Gender, Status, dan Agama seseorang.

Contoh sederhananya adalah seperti ini :

Dan di bawah ini adalah hasil dari kode sumber di atas :

fungsi input tipe radio pada form

Fungsi Atribut Checked

Fungsi Atribut Checked dimaksudkan untuk memberi tanda pada Radio Button yang disediakan.

Artinya secara tidak langsung atau mau tidak mau, pada Radio Button yang ter-checked ini akan menjadi pilihan anda.

Dan di bawah ini adalah hasilnya :

atribut checked pada radio button

Fungsi Atribut Disabled

Fungsi atribut disabled untuk menonaktifkan Radio Button tersebut. Biasanya Radio Button yang terdisable ini baru akan aktif/non-aktif apabila user sudah mengisi form inputan lainnya. Dan penggunaanya dikombinasikan dengan Javascript.

Hasil dari kode sumber di atas, Radio Button yang tidak terplilih akan terdisabled.

fungsi atribut disabled

Fungsi Atribut Name dan Value

Fungsi Atribut name digunakan sebagai nama dari elemen tersebut untuk dipanggil ketika akan diproses oleh suatu bahasa pemrograman tertentu.

Fungsi Atribut value digunakan untuk mendefinisikan nilai dari elemen tersebut yang akan menjadi nilai variabel.

Sekarang, aktifkan web server anda. Dalam hal ini saya menggunakan Xampp dan PHP.

Lalu simpan file tersebut dengan ekstensi namafile.php :

Dan di bawah ini adalah hasil dari kode sumber di atas. Silahkan anda seleksi salah satu opsi kemudian anda klik tombol di bawah nya.

fungsi atribut name dan value pada form

Penggunaan Tag Label pada Radio Button

Penggunaan Tag <label> pada Radio Button akan memudahkan anda dalam memilih opsi yang disediakan. Dengan begitu anda dapat memilih opsi tersebut pada kalimatnya, BUKAN pada tombol Radio Buttonnya.

Silahkan anda pilih salah satu opsi pada kalimatnya.

fungsi label pada form

Leave a comment

Your email address will not be published. Required fields are marked *

× Contact Us