Belajar HTML Membuat Radio Button

Posted by Yogo Prestiyanto on Thursday, November 29, 2012

Pernahkah anda melihat sebuah halaman web yang isinya menampilkan sebuah pilihan yang bisa kita pilih salah satunya. Namanya adalah "Radio Button". Fungsinya yaitu digunakan untuk input data yang sifatnya optional atau pilihan.
Berikut contoh dari radio button sederhana yang telah saya buat.

Untuk script HTML-nya dibawah ini :



Simpan script diatas dengan nama index.html atau terserah anda yang penting ektensi harus .html.
Kemudian jalankan pada browser yang anda sukai, kali ini saya memakai Mozilla Firefox.

Untuk tampilannya adalah sebagai berikut :

Belajar HTML Membuat Radio Button


















Penjelasan :
Dari setiap tag diatas, setiap komponen radio button memiliki nama komponen yang sama yaitu name="jk". Karena ketiga kelompok ini masuk kedalam satu kelompok yaitu jk yang sama, yang nantinya akan dipilih.

Semoga bermanfaat !!!

   

17 comments:

  1. Wahhh keren izin coba kawan

    salam blogwalking
    http://srezky.blogspot.com

    ReplyDelete
  2. Wahhh, membantu banget nih !
    Thank's yah :D

    ReplyDelete
  3. wah sangat luar biasa, jgao benar agan mengenai it nya :: blogwalking pagi liat artikel anda < kalau tidak keberatan kunjung balik ane

    ReplyDelete
  4. trus cara nampilin form nya gimana ?

    ReplyDelete
  5. lainnya tuh maksudnya transgender gitu...?

    ReplyDelete
  6. bagaimana jika kita ingin memilih lebih dari satu pilihan gan?? Mohon bantuannya :-D

    ReplyDelete
  7. Terima kasih banyak, tulisannya sangat membantu.
    Blog

    ReplyDelete
  8. Game yang menemanin Waktu santai .
    KomoasQQ Memberikan Bonus Menarik Loh .
    • Bonus CASHBACK sebesar 0.5%
    • Bonus REFRENSI sebesar 10%+10%
    Minimal Deposit dan Tarik Dana RP 15.000
    8 Game dalam 1 User ID

    New Game BALAK 66| Bandar Sakong| Bandar poker| Poker Online |BandarQ| DominoQQ |AduQ| Capsa Susun

    Info Selajutnya kalian Bisa Add BBM
    Yohanna: 7BD4C69C
    Phone : +855011432145
    WA: 085220150616

    ReplyDelete
  9. Halo Semuanya, Saya Mau Rekomendasiin situs Game Kartu Online uang asli yaitu: DESAQQ

    8 Permainan Dalam 1 User ID.

    ♣ Poker
    ♥ Bandar Poker
    ♣ Bandar Q
    ♥ Adu Q
    ♣ Domino 99
    ♥ Capsa Susun
    ♣ Sakong
    ♥ Bandar66 ( Permainan Terbaru )

    ♣ Minimal Deposit : Rp. 20.000
    ♥ Minimal Tarik Dana : Rp. 20.000

    Ayo Gabung bersama DESAQQ dan Nikmati Berbagai HOT Promonya :

    ♣ Bonus Jackpot Jutaan yang mudah di dapat Setiap harinya.
    ♥ Bonus Rollingan/Cashback 0,4% (Setiap Senin jam 15.00 WIB)
    ♣ Bonus Referral 20% Seumur Hidup ( Klain Hari Selasa ) *syarat & ketentuan berlaku.

    DESAQQ Juga menerima Deposit Dari Semua Bank Lain (Sinarmas, Panin Bank, Maybank, Syariah, DLL) dan Emoney (T-Cash, Paypro, Rekenin Ponsel, Doku Wallet).

    Agar tidak terjadi salah transfer di harapkan selalu KOMFIRMASI nomor rekening tujuan transfer kami melalui LIVECHAT ya bos. Nomor rekening dapat berubah sewaktu-waktu.

    Untuk Deposit pada Jam OFFLINE diharapkan transfer menggunakan nominal unik, Contoh : Rp 20.123

    Untuk Informasi lebih lanjut Silahkan Hubungi CS Kami.
    WA : +6281287806446
    LINE : DESAQQ
    BBM : 5571D859
    INSTAGRAM : DESA.QQ

    Terimah kasih :)

    ReplyDelete
  10. permisi mau tanya. semisal milih radio button lainnya, lalu memunculkan input text secara otomatis, bisa atau tidak ya ?

    ReplyDelete
  11. permisi mau tanya. semisal milih radio button lainnya, lalu memunculkan input text secara otomatis, bisa atau tidak ya ?

    ReplyDelete
  12. tombol kirim itu menggunakan ap ya Gan,,,

    jangan lupa kunjungi website saya :https://nurrizkiana.mahasiswa.atmaluhur.ac.id/
    website kampus saya : www.atmaluhur.ac.id/

    ReplyDelete
  13. Good post, well written. Many thanks. I will be back soon to check out for updates. Cheers.

    dewa poker

    poker88

    ReplyDelete