Вы находитесь на странице: 1из 4

Cara Membuat Form Biodata Diri Menggunakan Tabel Pada HTML

Berikut ini Script yang digunakan :


<html> <head> <title>Untitled Document</title> </head> <form action="" method="post"> <h1 align="center">Biodata Pribadi</h1> <hr> <img src="novel.jpg" height="150" width="140" align="right"/> <table border="0"> <tr> <td>Nama Lengkap</td> <td>:</td> <td><input type="text" name="Nama" size="25" value="Novel Adil Dwijaksana" /></td> </tr> <tr> <td>Nama Panggilan</td> <td>:</td> <td><input type="text" name="Alamat" size="25" value="Novel" /></td> </tr> <tr> <td>TTL </td> <td>:</td> <td><input type="text" name="TTL" size="25" value="Sorong" /> <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> novel.d@students.amikom.ac.id

<option>28</option> <option>29</option> <option>30</option> <option>31</option> </select> <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> <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> novel.d@students.amikom.ac.id

<tr> <td>Agama</td> <td>:</td> <td><select name="select"> <option>Islam</option> <option>Kristen Protestan</option> <option>Kristen Khatolik</option> <option>Hindu</option> <option>Budha</option> </td> </tr> <tr> <td valign="top">Alamat</td> <td valign="top">:</td> <td valign="top"><textarea cols="20" rows="5">Jln. Wortel RT/RW 006/003 Malawele Aimas</textarea></td> </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 valign="top">Motto</td> <td valign="top">:</td> <td valign="top"><textarea cols="20" rows="5">Isikan motto 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> </body> </html>

novel.d@students.amikom.ac.id

Hasil Script :

novel.d@students.amikom.ac.id

Вам также может понравиться