tRikSonic
Tema

HTML legend Tag

Terakhir diperbarui : 23 Mei 2018 - 16.31

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>.
background html

Contoh HTML <legend>

<form>
 <fieldset>
 <legend>KOMENTAR</legend>
   <textarea placeholder="masukan komentar kamu disini..."></textarea>
 </fieldset>
</form>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
textarea {
   width : 100%;
   height : 150px;
   resize : none;
   background : beige;
}
</style>
</head>
<body>

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

</body>
</html>

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>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
textarea {
   width : 100%;
   height : 150px;
   resize : none;
   background : beige;
}
</style>
</head>
<body>

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

</body>
</html>

Global Attributes:

Element <legend> mencakup Global Attributes HTML.

Event Attributes:

Element <legend> mencakup Event Attributes HTML.

Browser Support :

Desktop

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox AndroidYa
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

Default CSS :

Browser yang support dengan element <legend>, mempunyai nilai default :
legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.