Pinned

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.

3 Atribut Utama yang Digunakan pada Tag Fieldset HTML5
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].

Sintak:
<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.


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

Artikel video:
JAVA:Title: 
Link: 
User ID: 

PHP:Title: 
Link: 
User ID: 


6 komentar:

  1. Apa yang dimaksud dengan tag fieldset pada html?

    BalasHapus
    Balasan
    1. Fieldset 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.

      Hapus
  2. Apa fungsi dari tag fieldset pada html?

    BalasHapus
    Balasan
    1. Tag 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.

      Hapus
  3. Bagaimana cara menggunakan tag fieldset pada html?

    BalasHapus
    Balasan
    1. Tag 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

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things come from small things -