Form Sederhana Biodata
Kali ini saya akan membagikan struktur untuk membuat form biodata sederhana untuk teman-teman semua, semoga bermanfaat :)
<![CDATA[
<html>
<head>
<title>Praktikum 3</title>
</head>
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
<form>
<table>
<tr>
<td colspan=3><center><h2>Isi Biodata</h2></center></td>
</tr>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type=text name=txtnim size=9></td>
</tr>
<tr>
<td>NAMA</td>
<td>:</td>
<td><input type=text name=txtnama size=30></td>
</tr>
<tr>
<td>TTL </td>
<td>:</td>
<td><input type="text" name="TTL" size="25"/><select name="select">
<option>Tanggal</option>
<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 name="select"><option>Bulan</option>
<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>
<select name="select"><option>Tahun</option>
<option>2015</option><option>2014</option><option>2013</option>
<option>2012</option><option>2011</option><option>2010</option>
<option>2009</option><option>2008</option><option>2007</option>
<option>2006</option><option>2005</option><option>2004</option>
<option>2003</option><option>2002</option><option>2001</option>
<option>2000</option><option>1999</option><option>1998</option>
<option>1997</option><option>1996</option><option>1995</option>
<option>1994</option><option>1993</option><option>1992</option>
<option>1991</option><option>1990</option></select></td>
</tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="Kelamin" value="Laki-laki" />
Laki-Laki<input type="radio" name="Kelamin" value="Perempuan"/>Perempuan</td>
</tr>
<tr>
<td>AGAMA</td>
<td>:</td>
<td> <select>
<option>Islam</option>
<option>Kristen</option>
<option>Budha</option>
<option>Hindu</option>
<option>Kong Hu Chu</option>
</select>
</tr>
<tr>
<td>ALAMAT</td>
<td>:</td>
<td><input type=text name=txtnama size=50></td>
</tr>
<tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td><input type="checkbox" name="Olahraga" value="olahraga" />
Olahraga<input type="checkbox" name="Membaca" value="Membaca" />
Membaca<input type="checkbox" name="komputer" value="Komputer" />
Komputer<input type="checkbox" name="Musik" value="Musik" />
Musik<input type="checkbox" name="Lain-lain" value="Lain-Lain" />Lain-Lain</td>
</tr>
<tr>
<td>Foto Anda</td>
<td>:</td>
<td><input type="filevalue="upload gambar"/></td>
</tr>
<tr>
<td>Alamat Email</td>
<td>:</td>
<td><input type=email name=txtemail size=15></td>
</tr>
<tr>
<td valign="top">Keterangan</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="20" rows="5">Isikan keterangan anda disini</textarea></td>
</tr>
<tr>
<td colspan="2"></td>
<td><input type="reset" name="reset" /><input type="submit" name="Submit" /></td>
</tr>
</table>
</form>
</body>
</html>
]]>
Berikut ini adalah hasil dari scrip diatas
Praktikum 3
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda