Membuat Kotak Pembatas Form Menggunakan Tag Fieldset HTML5
Tag <fieldset> pada HTML5 digunakan untuk membuat sekelompok elemen yang berhubungan pada form dan membuat box pada sekitar elemen-elemen tersebut. Tag <fieldset> merupakan tag baru pada HTML5.
Sintak:
<fieldset> Konten... </fieldset>
 |
| Ilustrasi Tag Fieldset HTML5 |
Sebelum memahami lebih dalam materi tentang Membuat Kotak Pembatas Form Menggunakan Tag Fieldset HTML5, terlebih dahulu pelajari materi tentang: Menampilkan Menu Navigasi Menggunakan Tag Nav HTML [klik], Tag Meter HTML dan Fungsinya [klik], dan Tag Mark HTML5 dan Fungsinya [klik].
<fieldset> Konten... </fieldset>
Atribut:
- disabled: Digunakan untuk menentukan bahwa grup yang terhubung pada elemen form harus disabled.
- form: Digunakan untuk menentukan bahwa satu atau lebih form yang tertuju pada fieldset.
- name: Digunakan untuk menentukan nama dari fieldset.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
tag fieldset
</title>
<style>
h1, h2, .title
{
text-align:center;}
fieldset
{
width:50%;
margin-left:22%;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Mari Belajar
</h1>
<h2>
Tag Fieldset
</h2>
<form>
<div
class="title">
Artikel video:
</div>
<fieldset>
<legend>JAVA:</legend>
Title: <input type="text"><br>
Link: <input type="text"><br>
User ID: <input type="text">
</fieldset>
<br>
<fieldset>
<legend>PHP:</legend>
Title: <input type="text"><br>
Link: <input type="text"><br>
User ID: <input type="text">
</fieldset>
</form>
</body>
</html>
Output:
Mari Belajar
Tag Fieldset
Referensi Tambahan:
- 2 Contoh Program Penggunaan Anotasi Ruby pada Tag RT HTML5 [klik]
- 2 Atribut Utama yang Digunakan pada Tag Ruby HTML5 [klik]
- 3 Fungsi Utama Penggunaan Tag Summary pada HTML5 [klik]
- Cara Memecah Kalimat dengan Tag WBR HTML5 [klik]
- 8 Cara Deklarasi Tag Doctype pada HTML [klik]
- 11 Atribut Utama yang Digunakan pada Tag Anchor HTML [klik]
- Cara Mudah Membuat Teks Abbreviation Menggunakan Tag Abbr HTML [klik]
Artikel ini didedikasikan kepada: Raras Indah Aningtyas, Salsabila Noviana, Shinta Nur Sabila, Sofian Panuntun, dan Taris Nur Adzhani.
Apa yang dimaksud dengan tag fieldset pada html?
BalasHapusFieldset merupakan tag elemen pada html yang digunakan untuk mengelompokkan elemen terkait dalam sebuah formulir. Tag tersebut menggambarkan kota yang terdapat pada sekitar kotak elemen terkait.
HapusApa fungsi dari tag fieldset pada html?
BalasHapusTag Fieldset digunakan untuk mengelompokkan elemen formulir yang memiliki kesamaan atau saling berkaitan satu sama lain. Dengan menggunakan tag tersebut maka user dapat membuat formulir yang lebih mudah dipahami oleh user.
HapusBagaimana cara menggunakan tag fieldset pada html?
BalasHapusTag HTML < fieldset > ditemukan pada tag < form > dan digunakan untuk mengelompokkan elemen terkait dalam bentuk HTML. Dengan menggunakan tag < legend > maka dapat dibuat keterangan untuk < fieldset >. Tag ini juga sering disebut sebagai elemen < fieldset >.
Hapus