HTML legend Tag

Tutorial HTML <legend>:

HTML legend Tag - belajar html legend, element legend mempunyai definisi sebagai keterangan atau sebagai judul dari element <fieldset>. Didalam penulisan html element <legend> ditulis setelah tag pembuka element <fieldset>.

Contoh HTML <legend>

<form>
 <fieldset>
 <legend>KOMENTAR</legend>
   <textarea placeholder="masukan komentar kamu disini..."></textarea>
 </fieldset>
</form>

Attribute HTML <legend>

align :

Digunakan untuk menentukan posisi / keselarasan.

Catatan : attribute ini sudah tidak berlaku lagi di HTML5, sebagai penggantinya gunakan CSS

Contoh :

<form>
 <fieldset align="right">
 <legend>KOMENTAR</legend>
   <textarea placeholder="masukan komentar kamu disini..."></textarea>
 </fieldset>
</form>

Nilai atau value attribute ini adalah top, bottom, left, right

Global Attributes:

Element <legend> mencakup Global Attributes HTML.

Event Attributes:

Element <legend> 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 <legend>, mempunyai nilai default :

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}