01 Desain Web Responsif
A - Aplikasi Kucingku
Tag label

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.


Solusi

Buka Solusi (opens in a new tab)