Fungsi dari tag legend di dalam HTML5
Di kesempatan kali ini, kita akan membahas mengenai tag yang terdapat di HTML5, modelnya seperti kita ketika kita menggunakan vbnet, kalau teman-teman, pernah menggunakan pasti tak asing lagi dengan tampilan yang akan kita bikin nanti, modelnya atau tampilannya seperti kotak dimana kotak itu ada judulnya ya teman-teman. oke dari di penasaran teman-teman simak terus ya mengenai guna dari tag legend di pada HTML5, jangan kemana-mana.
Oke seperti yang saya tulis di atas, guna dari tag legend di pada HTML5, tampilannya seperti vbnet ya, oke fieldset, bagaimana apakah teman-teman telah dapat membayangkan, pasti telah ya, oke dari di berlama-lama seketika saja teman-teman lihat CSS dan HTMLnya:
.container{
width: 800px;
margin: auto;
background: magenta;
padding: 10px;
}
body{
background: cyan;
}
.label{
margin-right: 70px;
}
.label2{
margin-right: 27px;
}
input{
width: 645px;
}
h1{
text-align: center;
}Ini CSSnya ya, kini kita lihat HTMLnya:
<div class=container>
<h1>Kegunaan dari tag legend di pada HTML5</h1>
<form>
<fieldset>
<legend>Personalia:</legend>
<span class=label>Name</span>: <input type=text><br>
<span class=label>Email</span>: <input type=text><br>
<span class=label2>Date of birth</span>: <input type=text>
</fieldset>
</form>
</div>
Paham ya teman-teman, teman-teman coba fokus ke tag legend ya, yang urgen itu ada di tag legendnya, dan tag fieldsetnya jadi tag fieldset itu yakni bagi membangun garisnya ya,paham ya, oke kini kita lihat struktur lengkapnya.
<!DOCTYPE html>
<html>
<head>
<title>Kegunaan dari tag legend di pada HTML5</title>
<-e-style type=text/css>
.container{
width: 800px;
margin: auto;
background: magenta;
padding: 10px;
}
body{
background: cyan;
}
.label{
margin-right: 70px;
}
.label2{
margin-right: 27px;
}
input{
width: 645px;
}
h1{
text-align: center;
}
</style>
</head>
<body>
<div class=container>
<h1>Kegunaan dari tag legend di pada HTML5</h1>
<form>
<fieldset>
<legend>Personalia:</legend>
<span class=label>Name</span>: <input type=text><br>
<span class=label>Email</span>: <input type=text><br>
<span class=label2>Date of birth</span>: <input type=text>
</fieldset>
</form>
</div>
</body>
</html>
silahkan teman-teman copy dan coba teman-teman bereksperimen, di rubah-rubah coba ya, oke bagaimana hasilnya seperti ini:
dapat dilihat ya, oke saya rasa lumayan hingga disini belajar kita mengenai guna dari tag legend di pada HTML5, semoga bermanfaat dan hingga jumpa di artikel berikutnya, terimakasih.
Sumber https://kursuswebsite.org
