ELEMEN FIELDSET DAN LEGEND
<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