HTML FORM – Fungsi input tipe radio pada form

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

    Code:













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

    [img width=530,height=382]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-radio.png[/img]

    Fungsi Atribut CheckedFungsi 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.

    Code:













    Dan di bawah ini adalah hasilnya :

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

    Fungsi Atribut DisabledFungsi 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.

    Code:












     

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

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

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

    Code:




    Radio Atribut Name dan Value“; ?>

      Pria
      
      Perempuan
      
      
      

    “;
       echo “Anda adalah seorang $gender“;
       }
      ?>


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

    [img width=1012,height=543]http://lautankode.com/wp-content/uploads/2018/01/Form-input-tipe-radio-value.png[/img]

    Penggunaan Tag Label pada Radio ButtonPenggunaan Tag 

    Code:




    Radio Tag Label






    Silahkan anda pilih salah satu opsi pada kalimatnya.

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

    https://www.lautankode.com/fungsi-input-tipe-radio-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.