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>
forMengikat 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>
formMengikat 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;
}