Saya akan membagikan struktur html untuk membuat form sederhana, semoga bermanfaat:)
<![CDATA[
<html>
<head>
<title>Praktikum 3.1</title>
<style>
body {
background-color : #d9d9d9;
}
h1 {
color : black ;
background-color : #ebebeb;
border : 1px solid black;
}
</style>
</head>
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
<h1><center>BIODATA</center></h1>
<form action=pp31.php>
<table>
<tr>
<td>NPM</td>
<td>:</td>
<td><input type=text size=9
name=txtnpm></td>
</tr>
<tr>
<td>NAMA</td>
<td>:</td>
<td><input type=text size=20
name=txtnama></td>
</tr>
<tr>
<td>ALAMAT</td>
<td>:</td>
<td><input type=text size=30
name=txtalamat></td>
</tr>
<tr>
<td>JENIS KELAMIN</td>
<td>:</td>
<td><input type=radio
name=rdokelamin>Laki-Laki
<input type=radio
name=rdokelamin>Perempuan
</td>
</tr>
<tr>
<td>AGAMA</td>
<td>:</td>
<td>
<select name=sltagama>
<option>Islam</option>
<option>Protestan</option>
<option>Katolik</option>
<option>Budha</option>
<option>Hindu</option>
<option>konghuchu</option>
<option>Lainnya</option>
</select>
</tr>
<tr>
<td>TEMPAT/TANGGAL LAHIR</td>
<td>:</td>
<td><input type=text size=25
name=txttempat>
<select name=slttanggal>
<option>1</option><option>2</option>
<option>3</option><option>4</option>
<option>5</option><option>6</option>
<option>7</option><option>8</option>
<option>9</option><option>10</option>
<option>11</option><option>12</option>
<option>13</option><option>14</option>
<option>15</option><option>16</option>
<option>17</option><option>18</option>
<option>19</option><option>20</option>
<option>21</option><option>22</option>
<option>23</option><option>24</option>
<option>25</option><option>26</option>
<option>27</option><option>28</option>
<option>29</option><option>30</option>
<option>31</option>
</select>
</td>
<td>
<select name=sltbulan>
<option>Januari</option
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
</td>
<td>
<select name=slttahun>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
</select>
</td>
</tr>
<tr>
<td>FOTO</td>
<td>:</td>
<td><input type=file name=txtfoto></td>
</tr>
<tr>
<td>ASAL SEKOLAH</td>
<td>:</td>
<td><input type=text size=30
name=txtsekolah></td>
</tr>
<td><br><b>ORANG TUA</b></td>
<tr>
<td>NAMA AYAH</td>
<td>:</td>
<td><input type=text size=25
name=txtayah>
</tr>
<tr>
<td>NAMA IBU</td>
<td>:</td>
<td><input type=text size=25
name=txtibu>
</tr>
<tr align=center>
<td colspan=3>
<input type=submit value=Simpan >
<input type=reset value=Batal>
</td>
</tr>
</table>
</form>
<hr>
</body>
</html>
]]>
Berikut adalah hasil tampilan dari struktur form di atas
Praktikum 3.1
BIODATA
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda