Fungsi Checkbox pada form

Apa fungsi checkbox pada form ?. Berbeda  dengan Radio Button, pada Checkbox pilihan yang disediakan dapat dipilih lebih dari 1. Karena itu biasanya Checkbox digunakan untuk memilih lebih dari 1 pilihan seperti hobi, dimana anda dapat memiliki 2 hobi seperti bermain bola dan basket.

Penulisan sederhana Checkbox adalah seperti ini :

Output :

fungsi checkbox pada form

Fungsi Atribut Checked

Dengan fungsi atribut checked, maka secara otomatis opsi pada checkbox itu akan terseleksi.

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

atribut checked pada checkbox

Fungsi Atribut Disabled

Dengan fungsi atribut disabled checkbox yang anda tampilkan ke layar tidak akan dapat diseleksi atau dipilih.

Di bawah ini merupakan hasil dari kode sumber di atas :

mendisabled checkbox

Maka checkbox pada opsi Menulis tidak akan dapat di seleksi karena terdisabled.

Fungsi Atribut Name dan Value

Fungsi atribut name dan value diperlukan dalam hal pemrosesan data dengan menggunakan bahasa pemrograman website (php, asp, jsp).

Atribut name digunakan sebagai definisi dari elemen HTML tersebut untuk dapat dipanggil. Elemen ini dipanggil untuk diproses berdasarkan namanya.

Atribut value digunakan mendefinisikan nilai dari elemen tersebut.

Saya berikan contoh penggunaan atribut name dan value dengan bahasa pemrograman PHP, sekarang hidupkan web server anda (Xampp / Wamp / Lamp). Dan simpan file di bawah ini dengan ekstensi namaFile.php.

Dan di bawah ini adalah outputnya :

fungsi atribut value dan name

Silahkan anda seleksi salah satu item pada hasil dari kode sumber di atas, lalu tekan tombol submit.

Tag Label pada Checkbox

Penggunaan Tag Label pada Checkbox adalah untuk mempermudah penyeleksian dalam memilih opsi yang disediakan.

Dengan begitu anda tidak perlu menyeleksi opsi dari icon checkboxnya, namun dapat dari kalimat yang mewakili checkbox tersebut.

 

cara menggunakan tag label pada form

Anda dapat menyeleksi opsi di atas, berdasarkan kalimatnya.

Setelah mempelajari fungsi checkbox pada form, silahkan kunjungi tutorial lainnya : Radio pada Form, Tipe input Text, Fungsi Textarea.

Leave a comment

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

× Contact Us