HTML FORM – Fungsi Checkbox pada form

  • Post
    codeorayo
    Keymaster
    none
    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 :

    Code:




    Checkbox


    Bola

    Basket

    Renang

    Menulis

    Output :

    [img width=378,height=445]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-checkbox.png[/img]

    Fungsi Atribut CheckedDengan fungsi atribut checked, maka secara otomatis opsi pada checkbox itu akan terseleksi.

    Code:




    Checkbox Checked


    Bola

    Basket

    Renang

    Menulis

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

    [img width=376,height=448]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-checkbox-checked.png[/img]

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

    Code:




    Checkbox Disabled


    Bola

    Basket

    Renang

    Menulis

    Di bawah ini merupakan hasil dari kode sumber di atas :

    [img width=380,height=447]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-checkbox-disabled.png[/img]

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

    Fungsi Atribut Name dan ValueFungsi 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.

    Code:




    Checkbox Name dan Value

      Bola
      
      Basket
      
      Renang
      
      Menulis
      
      

    “;
       if(isset($_GET[‘bola’])){
        echo $_GET[‘bola’].”
    “;
       }
       if(isset($_GET[‘basket’])){
        echo $_GET[‘basket’].”
    “;
       }
       if(isset($_GET[‘renang’])){
        echo $_GET[‘renang’].”
    “;
       }
       if(isset($_GET[‘menulis’])){
        echo $_GET[‘menulis’];
       }
      }
    ?>

    Dan di bawah ini adalah outputnya :

    [img width=314,height=342]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-checkbox-namevalue.png[/img]

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

    Tag Label pada CheckboxPenggunaan 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.

    Code:




    Checkbox Tag Label












     

    [img width=351,height=334]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-checkbox-label.png[/img]

    Anda dapat menyeleksi opsi di atas, berdasarkan kalimatnya.

    https://www.lautankode.com/fungsi-checkbox-pada-form/

    Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.