Membuat Form Input dalam Bentuk Radio Button


Halo sobat Artikel Multimedia, di postingan sebelumnya kita membahas cara membuat form input untuk teks atau tulisan, sekarang kita akan membuat form input kembali namun dalam bentuk radio button. Radio button merupakan jenis inputan yang memungkingkan sobat sebagai pengguna untuk memilih salah satu dari dua pilihan atau lebih. Contohnya seperti saat sobat ingin memilih gender di sebuah formulir, maka sobat hanya bisa memilih satu. Berikut kode html-nya: 

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>Form Input Radio Button</title>
</head>
 
<body>
    <h1>Biodata</h1>
    <p>Silakan pilih jenis kelamin anda: </p>
    <input type="radio" id="pr" name="gender" value="perempuan">
    <label for="pr">Perempuan</label>
    <br>
    <input type="radio" id="lk" name="gender" value="laki-laki">
    <label for="lk">Laki-Laki</label>
</body>
 
</html>



Di dalam tag <input> type yang digunakan adalah radio. Kemudian terdapat pula atribut id yang digunakan untuk membedakan antara radio button satu dengan lainnya. Atribut name berguna untuk menamai jenis radio button yang dibuat sedangkan atribut value berguna untuk menentukan nilai yang akan disimpan ketika radio button tersebut dipilih. Adapun tag <label> berfungsi untuk memberikan keterangan atau label pada masing-masing radio button.

Sekian pembahasan tentang cara membuat form input radio button, jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima Kasih …  


Posting Komentar

0 Komentar