Fungsi Tag Legend Di HTML
Di kesempatan kali ini saya akan menjelaskan manfaat tag legend di HTML. Perlu teman-teman ketahui sebelumnya, <legend> yakni diantara tag HTML yang dapat merepresentasikan suatu judul bagi konten induknya, Beberapa control pada sebuah form dapat dikelompokkan didalam element tag <fieldset> dan diberi judul dengan <legend>. Namun pada penggunaannya, element tersebut ditulis secara seketika “tanpa diawali dengan element lainnya” selaku anak element dari tag <fieldset> tersebut. tag <legend> tersebut meliputi global attributes, yang artinya dimana tag tersebut dapat disisipkan seluruh attribute yang termasuk ke pada global attribute yang secara umum berlaku bagi seluruh tag di HTML.
Selain itu tag <legend> tersebut meliputi event attribute, yang artinya dimana attribute tersebut akan dijalankan ketika ada interaksi dari user atau di pada suatu peristiwa kejadian. Pemakaian tag <legend> tersebut mesti digunakan secara bersamaan karena dari kedua tag tersebut saling adanya keterkaitan. Dan manfaat bagi tag <fieldset> yaitu bagi mengelompokan beberapa objek di form.
Jadi, bagi teman-teman yang ingin merancang judul di suatu form yang dikelompokan, dapat menggunakan tag <legend>, berikut teman-teman dapat ikuti contoh yang saya bikin disini.
Berikut Contohnya :
- Teman-teman dapat bikin folder project terlebih dahulu, dimana bagi folder tempat penyimpanan file yang akan dibangun berikutnya
- Teman-teman bikin terlebih dahulu satu buah file dengan nama index.html, yang tersimpan di folder yang sebelumnya telah teman-teman bikin
- Sekiranya telah, teman-teman dapat tuliskan kode seperti berikut :
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<meta http-equiv=X-UA-Compatible content=IE=edge>
<meta name=viewport content=width=device-width, initial-scale=1>
<title>Kegunaan Tag legend Di HTML - Source Code Aplikasi</title>
<meta name=description content=Source Code Aplikasi yakni tempat kursus situs di Jakarta, Depok, Bogor, Bekasi dan Tangerang terbaik 2017. />
</head>
<body>
<form>
<fieldset>
<legend>Data Diri Calon Pelajar</legend>
<label for=nama_lengkap>Nama Komplit</label>
<input type=text name=nama_lengkap id=nama_lengkap required=>
<label for=no_telp>Nomor Telpon</label>
<input type=text name=no_telp id=no_telp required=>
<label for=email>Email</label>
<input type=email name=email id=email required=>
<label for=tgl_lahir>Tanggal Lahir</label>
<input type=date name=tgl_lahir id=tgl_lahir required=>
<label for=tempat tinggal>Domisili</label>
<textarea name=tempat tinggal required=> </textarea>
</fieldset>
</form>
</body>
</html>
- Sekiranya telah, teman-teman dapat save file tersebut dan lihat hasilnya di browser teman-teman
Hingga disini penjelasan saya mengenai manfaat tag legend di HTML, semoga bermanfaat.
Sumber https://kursuswebsite.org
