Saturday, October 3, 2015

ELEMEN FIELDSET DAN LEGEND di HTML

ELEMEN FIELDSET DAN LEGEND

Elemen Fieldset digunakan untuk menghubungkan kontrol dan label. Group kontrol akan membantu pengguna untuk memahami fungsinya. Elemen LEGEND untuk memberi judul pada FIELDSET. Pemakaian umum FIELDSET dan LEGEND adalah

<FIELDSET>
<LEGEND>…judul kelompok label…</LEGEND>
…isi dengan kontrol dan label…
</FIELDSET>

Posisi LEGEND dapat diatur dengan atribut ALIGN dan mempunyai nilai top, bottom, left dan right. Pemakaian atribut ALIGN dan nilainya

align=top|bottom|left|right

 Top untuk judul berada dibagian atas fieldset
 Bottom untuk judul berada dibagian bawah fieldset
 Left untuk judul berada disisi kiri fieldset
 Right untuk judul berada disisi kanan fieldset

Contoh:

<html>
<head>
<title>Penggunaan List Form</title>
</head>
<body>
<form action=" " method="post">
<p>
<fieldset>
<legend>data pasien</legend>
nama depan: <input type=”text” id=”nama_d” tabindex=”1”>
nama belakang: <input type=”text” id=”nama_b” tabindex=”2”>
alamat: <input type=”text” id=”alamat” tabindex=”3”>
</fieldset>
<br>
<fieldset>
<legend>riwayat kesehatan</legend>
<input name=”sej_sakit” type=checkbox value=”cacar” tabindex=”20”>cacar
<input name=”sej_sakit” type=checkbox value=”gondok” tabindex=”21”>gondok
<input name=”history_illness” type=checkbox value=”tbc” tabindex=”22”>tbc
<input name=”sej_sakit” type=checkbox value=”batuk_rejan” tabindex=”23”>batuk
</fieldset>
<br>
<fieldset>
<legend>sakit yang diderita</legend>
apakah anda sedang menjalani pengobatan ?
<input type=radio name=”pengobatan” value=”ya” tabindex=”35”>ya
<input type=radio name=”pengobatan” value=”tidak” tabindex=”35”>tidak
<br>
jika anda sedang menjalani pengobatan, ketik perawatan dan pengobatan :
<textarea name=”perawatan” rows=”8” cols=”70” tabindex=”40”>
</textarea>
</fieldset>
<input type=submit value=kirim><input type=submit value=hapus>
</form>
</body>
</html>



No comments:

Post a Comment