Pertemuan 27

 Belajar HTML Tag label pada html

Tag <label> dalam HTML digunakan untuk menetapkan label atau teks deskriptif untuk elemen formulir. Label membantu meningkatkan aksesibilitas dan pengalaman pengguna, karena memungkinkan pengguna untuk dengan jelas memahami tujuan dari setiap elemen formulir.

Berikut adalah contoh penggunaan tag <label>:

Dalam contoh di atas:

<label>: Ini adalah tag yang digunakan untuk membuat label. Label ini berfungsi untuk menggambarkan tujuan dari elemen formulir yang terletak di sebelahnya.

for="username": Atribut for menunjukkan bahwa label ini terkait dengan elemen formulir yang memiliki id "username". Ini adalah cara untuk mengaitkan label dengan elemen formulir tertentu.

Username:: Ini adalah teks yang akan ditampilkan sebagai label.

Pengguna dapat mengklik pada label, dan ini akan memindahkan fokus ke elemen formulir yang terkait (dalam contoh ini, input dengan id="username"). Ini membuat pengalaman pengguna lebih intuitif dan memudahkan mereka dalam mengisi formulir.

Selain itu, label juga memiliki manfaat dalam aksesibilitas karena membantu pembaca layar mengidentifikasi dan membacakan tujuan dari elemen formulir. Dengan menggunakan label yang baik, pengguna dengan kebutuhan khusus juga dapat dengan mudah mengerti dan mengisi formulir.