tutorial pengembangan web terbaru
 

HTML <label> Tag


Contoh

Tiga tombol radio dengan label:

<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
Cobalah sendiri "

Definisi dan Penggunaan

The <label> tag mendefinisikan label untuk <input> elemen.

The <label> elemen tidak membuat sebagai sesuatu yang istimewa bagi pengguna. Namun, ia menyediakan peningkatan kegunaan untuk pengguna mouse, karena jika pengguna mengklik pada teks dalam <label> elemen, ia mengubah kontrol.

The for atribut dari <label> tag harus sama dengan id atribut dari elemen terkait untuk mengikat mereka bersama-sama.


Dukungan Browser

Elemen
<label> iya nih iya nih iya nih iya nih iya nih

Tips dan Catatan

Tip: Label dapat terikat elemen baik dengan menggunakan "for" atribut, atau dengan menempatkan elemen dalam <label> elemen.


Perbedaan Antara HTML 4.01 dan HTML5

The "form" atribut baru dalam HTML5.


atribut

= Baru di HTML5.

Atribut Nilai Deskripsi
for element_id Menentukan yang bentuk elemen label terikat
form form_id Menentukan satu atau lebih bentuk label milik

Atribut global

The <label> tag juga mendukung Atribut Global di HTML .


Atribut acara

The <label> tag juga mendukung Acara Atribut di HTML .


Pages terkait

Referensi HTML DOM: Label Object


Pengaturan Default CSS

Kebanyakan browser akan menampilkan <label> elemen dengan nilai default berikut:

Contoh

label {
    cursor: default;
}
Cobalah sendiri "