Contoh Sintaks Form dan Tabel

<!DOCTYPE html>
<html>
<head>
<title>Pertemuan 3 | Table dan Form</title>
</head>
<body>
<fieldset>
<legend>Bagian Form</legend>
<form method=”post” action=””>
<strong>Nama</strong></br>
<input type=”text” name=”Nama” /></br>
<strong>Jenis Kelamin</strong></br>
<select>
<option value=”L”>Laki-laki</option>
<option value=”P”>Perempuan</option>
</select>
</br>
<strong>Status</strong></br>

<input type=”radio” name=”status” value=”Belum
Menikah”> Belum Menikah
<input type=”radio” name=”status” value=”Menikah”>
Menikah</br>
<strong>Hobi</strong></br>
<input type=”checkbox” name=”hobi”
value=”Membaca”>Membaca<br>
<input type=”checkbox” name=”hobi” value=”
Menabung “>Menabung<br>
<strong>Tentang Diri</strong></br>
<textarea rows=”5″>Saya adalah seorang superman,
tapi tidak bisa terbang</textarea>
<br>
<input type=”submit” value=”Simpan” />
</form>
</fieldset>
<br/>
<fieldset>
<legend>Bagian Tabel</legend>
<table widtd=”100%” border=”1″>
<tr>
<th>No</th>
<th>Nama</th>
<th>Umur</th>
<th>Status</th>
</tr>
<tr>
<td>1</td>
<td>Del Piero</td>
<td>18 Tahun</td>
<td>Mahasiswa</td>
</tr>
<tr>
<td>2</td>
<td>Marc Overmars</td>
<td>18 Tahun</td>
<td>Mahasiswa</td>
</tr>
</table>
</fieldset>
</body>
</html>

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s