Cara Penggunaan Tag Fieldset dan Tag Legend pada Form HTML

Fungsi Tag Fieldset dan Tag Legend

Masih belajar manipulasi tentang form html, tutorial ini saya akan menjelaskan fungsi Cara Penggunaan Tag Fieldset dan Tag Legend pada Form HTML.

Fungsi Tag Fieldset dan Tag Legend dalam Form HTML

Kedua tag ini  tag fieldset dan tag legend berfungsi mempercantik tampilan form.
Tag fieldset dan tag legend saling berhubungan…
Tag fieldset berfungsi untuk membuat kelompok pada objek form.
Tag legend untuk membuat judul dari kelompok yang dibuat oleh tag fieldset.
Contoh tag fieldset dan legend

<!DOCTYPE html>
<html>
<head>
 <title>Belajar Tag Fieldset dan Tag Legend HTML</title>
</head>
<body>
<form>
 <fieldset>
 <legend>Judul oleh tag legend:</legend>
 Nama: <input type="text" size="30"><br>
 Email: <input type="text" size="30"><br>
 Tanggal lahir: <input type="text" size="10">
 </fieldset>
</form>
</body>
</html>

Seperti yang terlihat pada contoh diatas bahwa tag legend harus berada di dalam tag fieldset, karena tag legend ini berfungsi membuat judul dari objek tag fieldset.

atribut align tag legend

tag legend secara default berada di sisi kiri form, kita bisa menambahkan atribut align pada tag legend sehingga text menjadi rata kanan, kiri, atas atau bawah.
Penulisannya dengan menambah atribut didalam tag legend seperti ini <legend align=”right”>.
Atribut align sudah tidak support di HTML5 solusinya pakai css untuk mengatur text.
Semoga dengan tutorial singkat ini dapat menambah ilmu baru untuk manipulasi form html.
 

Keyword:

  • legend pada form html
  • memberi warna pada fieldset html

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas