Contoh Script Sederhana Tag Fieldset dalam HTML
Tag fieldset berfungsi untuk mengelompokkan menjadi bebrapa selemen kedalam sebuah form. Berikut Script program dengan tag fieldset :
<html>
<head>
<title>::: Membuat Definisi Fieldset :::</title>
</head>
<body>
<form>
<fieldset>
<legend>Kontak</legend>
<div stlye="padding-top:2px">Nama : <input type="text" size="40px"></div>
<div style="padding:5px 0px 0px 4px">Email : <input type="text" size="40"></div>
<div style="padding:5px 0px 0px 48px"><button type="submit">Simpan </button></div>
</fieldset>
</form>
</body>
</html>
Dan hasil script di atas ada di bawah ini:
Jika ingin mengelompokkan beberapa elemen didalam satu form maka dapat menggunakan tag <fieldset> dan </foeldset>. Coba perhatikan contoh diatas dimana untuk label nama, label email, text area nama, text email dan button Simpan berada didalam satu kelompok dengan nama kontak.
Tag fieldset berfungsi untuk mengelompokkan menjadi bebrapa selemen kedalam sebuah form. Berikut Script program dengan tag fieldset :
<html>
<head>
<title>::: Membuat Definisi Fieldset :::</title>
</head>
<body>
<form>
<fieldset>
<legend>Kontak</legend>
<div stlye="padding-top:2px">Nama : <input type="text" size="40px"></div>
<div style="padding:5px 0px 0px 4px">Email : <input type="text" size="40"></div>
<div style="padding:5px 0px 0px 48px"><button type="submit">Simpan </button></div>
</fieldset>
</form>
</body>
</html>
Dan hasil script di atas ada di bawah ini:
Jika ingin mengelompokkan beberapa elemen didalam satu form maka dapat menggunakan tag <fieldset> dan </foeldset>. Coba perhatikan contoh diatas dimana untuk label nama, label email, text area nama, text email dan button Simpan berada didalam satu kelompok dengan nama kontak.
0 comments:
Post a Comment