cara membuat radio button di form HTML

Jika dalam tutorial sebelumnya kita telah membahas mengenai cara membuat checkbox di form HTML, dimana dengan checbox anda dapat membuat inputan yang bisa dipilih lebih dari satu, nah dalam turorial kali ini kita akan membahas mengenai cara membuat radio button di form HTML , waduh apalagi itu ?? baik langsung saja kita mulai pembahasannya dalam tutorial dibawah ini.

Inputan dengan type Radio digunakan untuk membuat inputan dengan bentuk pilihan, berbeda dengan checkbox yang bisa memilih lebih dari satu, untuk input type radio ini user hanya bisa memilih satu saja, inputan ini biasanya digunakan untuk pemilihan jenis kelamin ataupun agama, baik langsung saja contohnya adalah seperti berikut ini :

semisal kita simpan dengan nama input_type_radio_html.html lalu saya buka di browser :

baik penjelasannya seperti berikut ini :

  • type=’radio’  untuk type gunakan radio karena inputan ini bertipekan radio button
  • untuk bagian name kita harus menggunakan nama yang sama pada pilihan yang dibuat karena nantinya user hanya bisa memilih satu pilihan saja.
  • value digunakan untuk memberikan nilai pada masing – masing inputan yang di pilih
  • karakter Pria dan Perempuan adalah karakter yang ditampilkan di browser yang menjadi keterangan pada inputan.
Attribute checked

attribute ini digunakan untuk memberikan nilai default pada inputan ini yang otomatis akan terpilih ketika form ditampilkan.

cara penggunaannya adalah seperti berikut ini :

dengan menambahkan attribute checked pada bagian pilihan Pria, otomatis pilihan pria akan terpilih saat form di akses.

 

Attribute disabled

Attribute ini digunakan untuk menonaktifkan fungsi dari inputan ini, attribute ini biasanya akan dipadukan dengan javascript, nah untuk menggunakan attribute ini silahkan anda menambahkan skrip disabled=’disabled’

contohnya adalah seperti berikut ini :

Attribute id dan class

pada inputan type radio anda juga dapat menggunakan attribute id dan class yang digunakan untuk memanipulasi tampilan dengan css dan javascript.

nah bagaimana mudah kan, anda dapat dengan mudah membuat inputan yang hanya memperbolehkan memilih satu pilihan seperti contohnya jenis kelamin dan agama, baik sekian dulu tutorial cara membuat radio button di form HTML, dalam tutorial selanjutnya kita akan membahas mengenai cara membuat inputan untuk file, yang biasanya kita gunakan sebagai fasilitas upload file, sekian dulu tutorial kali ini sampai jumpa di tutorial berikutnya.

Anda serius ingin menguasai HTML ?

Warung Belajar telah membuat DVD Tutorial “Tutorial HTML – White Box“. DVD Tutorial ini membahas HTML dengan lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke: Tutorial HTML – White Box

5 Comments

  1. […] dalam tutorial sebelumnya kita telah membahas mengenai bagaimana cara membuat inputan dengan radio button yang digunakan untuk membuat pilihan yang mengharuskan user hanya boleh memilih satu pilihan saja, […]

  2. BAYU DWI LAKSHANA January 13, 2018

    keren bro,gua berhasil bikinny thanks
    My blog

    • adminwarungbelajar January 16, 2018

      Alhamdulillah, kita dari warungbelajar senang sekali bisa bermanfaat

  3. arif w June 24, 2018

    makasih tutorialnya gan..

    jelas banget

    • adminwarungbelajar July 8, 2018

      Terima kasih mas sudah berkunjung, semoga bisa bermanfaat tutorialnya 😀

Leave a Reply to BAYU DWI LAKSHANA Cancel reply

Your email address will not be published.