HTML label Tag

Tutorial HTML <label>:

HTML label Tag - belajar html label, element label mempunyai fungsi sebagai label atau identitas pada element yang terkait dengan form field, contoh nya : <form>, <input> dan lain sebagainya.

Contoh HTML <label>

<label>
  <input type="text"/>
</label>

Attribute HTML <label>

for

Mengikat penggunakan label berdasarkan ID tertentu

Contoh :

<form>
  <label for="nama-lengkap">Nama Lengkap :</label>
  <input type="text" id="nama-lengkap"/>
  <br>
  <label for="alamat-lengkap">Alamat Lengkap :</label>
  <input type="text" id="alamat-lengkap"/>  
</form>

Nilai atau value attribute ini adalah Target ID

form

Mengikat penggunakan label berdasarkan ID form tertentu

Contoh :

<label for="biodata" form="biodata">Biodata</label>  
<form id="biodata">
  Nama : <input type="text"/> <br> 
  Pendidikan : <input type="text"/>
</form>

Nilai atau value attribute ini adalah form ID

Global Attributes:

Element <label> mencakup Global Attributes HTML.

Event Attributes:

Element <label> mencakup Event Attributes HTML.

Browser Support :

Desktop

Chrome	Ya
Safari	Ya
Firefox	Ya
Opera	Ya
IE	Ya
Edge	Ya

Mobile

Android Webview	Ya
Chrome Android	Ya
Edge Mobile	Ya
Firefox Android	Ya
Opera Android	Ya
iOs Safari	Ya
Samsung Internet	Ya

Default CSS :

Browser yang support dengan element <label>, biasanya mempunyai nilai default :

label {
    cursor: default;
}