You are on page 1of 5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
</head>

<body>
<table width="525" height="454" border="1">
<tr>
<td colspan="2"><p><img src="file:///D|/XI IPA 5 (Gina Puspita)/86.jpg" width="153" height="108"
/></p>
<a name="top"><p align="center" class="style1">DATA SISWA </p></td>
</tr>
<tr>
<td width="61"><p>Nama Siswa</p>
</td>
<td width="448"><form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="textfield" />
</label>
</form>
</td>
</tr>
<tr>
<td>Agama</td>
<td><form id="form2" name="form2" method="post" action="">
<label>
<select name="select">
<option selected="selected">Islam</option>
<option>Kristen</option>
<option>Budha</option>
<option>Hindu</option>
<option>Konghucu</option>
</select>
</label>
</form>
</td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td><form id="form3" name="form3" method="post" action="">
<label>
<select name="select2">
<option selected="selected">Laki-laki</option>
<option>Perempuan</option>
<option>Banci</option>
</select>
</label>
</form>
</td>
</tr>
<tr>
<td><p>&nbsp;</p>
<p>Alamat</p>
<p>&nbsp;</p></td>
<td><form id="form4" name="form4" method="post" action="">
<label>
<textarea rows"50" cols="70" name="textarea"></textarea>
</label>
</form>
</td>
</tr>
<tr>
<td>Kelas</td>
<td><form id="form5" name="form5" method="post" action="">
<label>
<select name="select3">
<option>X</option>
<option selected="selected">XI IPA</option>
<option>XI IPS</option>
<option>XII IPA</option>
<option>XII IPS</option>
</select>
</label>
</form>
</td>
</tr>
<tr>
<td>Sekolah</td>
<td><form id="form6" name="form6" method="post" action="">
<label>
<input type="text" name="textfield2" size="30"/>
</label>
</form>
</td>
</tr>
<tr>
<td><p>&nbsp;</p>
<p>Hobby</p>
<p>&nbsp;</p></td>
<td><form id="form7" name="form7" method="post" action="">
<label>
<input name="radiobutton" type="radio" value="radiobutton" />
Sains<br />
<input name="radiobutton" type="radio" value="radiobutton" />
Kesenian<br />
<input name="radiobutton" type="radio" value="radiobutton" />
Olahraga<br />
<input name="radiobutton" type="radio" value="radiobutton" />
Lain-lain<br />
</label>
</form>
</td>
</tr>
<tr>
<td>Makanan Favorit </td>
<td><form id="form8" name="form8" method="post" action="">
<label>
<input type="checkbox" name="checkbox" value="checkbox" />
</label>
<label>
Bakso
<input type="checkbox" name="checkbox2" value="checkbox" />
Nasi Goreng
</label>
<label>
<input type="checkbox" name="checkbox3" value="checkbox" />
Sate
</label>
<label>
<input type="checkbox" name="checkbox4" value="checkbox" />
Lain-lain
</label>
</form>
</td>
</tr>
<tr>
<td><form id="form9" name="form9" method="post" action="">
<label>
<input type="submit" name="Submit" value="Submit" />
</label>
</form>
</td>
<td><form id="form10" name="form10" method="post" action="">
<label>
<input type="reset" name="Submit2" value="Reset" />
</label>
</form>
</td>
</tr>
</table>
<p>Berikut adalah latihan mengisi form pada tabel</p>
<p>Komponen ini sudah mencakup materi :</p>
<p>Format teks</p>
<ul>
<li>Tabel</li>
<li>Link</li>
<li>List</li>
<li>Form</li>
</ul>
<p><a href="top" target="_top">kembali ke atas</a> </p>
</body>
</html>















Nama Kelompok
1. Maylia Murni
2. Moch. Ferdiansyah
3. M. Imam Musa
4. M. Irfan Maulana

Kelas : XI IPA 1

You might also like