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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <label> <input type="text"/> </label> </body> </html>
Attribute HTML <label>
for
Mengikat penggunakan label berdasarkan
ID
tertentuContoh :
<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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <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> </body> </html>
form
Mengikat penggunakan label berdasarkan
ID
form
tertentuContoh :
<label for="biodata" form="biodata">Biodata</label>
<form id="biodata">
Nama : <input type="text"/> <br>
Pendidikan : <input type="text"/>
</form>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <label for="biodata" form="biodata">Biodata</label> <form id="biodata"> Nama : <input type="text"/> <br> Pendidikan : <input type="text"/> </form> </body> </html>
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;
}