Tag label
Di bagian Tipe Input sebelumnya, sudah dikenalakan berbagai macam tipe input. Salah satu tipe input yang tersedia adalah type="radio"
.
<!-- Ingat, tag 'input' bersifat self-closing -->
<input type="radio" />
Tipe ini membantu user memiilih satu dari beberapa pilihan yang tersedia. Namun, type="radio"
hanya memberikan tombolnya saja tanpa teks yang memberikan penjelasan tentang pilihan yang tersedia ke pengguna.
Untuk menyelesaikan hal tersebut, kita bisa menambhakan tag <label>
yang membungkus tag type="radio"
kita.
<label><input type="radio" /> Item #1</label>
Namun, tag <label>
hanya berfungsi sebagai petunjuk untuk pengguna. Untuk memberikan nilai ke setiap pilihan input type="radio"
, kita bisa memberikan atribut value
.
Contoh
<label><input type="radio" value="item1" /> Item #1</label>
Tantangan
Tambahkan input
radio di atas input teks yang ada, dengan label: "Dalam Rumah", dan value: dalam
.