Membuat biodata Pribadi pada HTML
Kali Ini saya Akan membahas tentang bagaimana caranya membuat Biodata Pribadi yang modern pada HTML :
Ini script nyaa :
<body>
<form action="Latihan.html" method="post">
<font face="Arial, Helvetica, sans-serif" size="4">Biodata Pribadi</font>
<br />
<table border="0">
<tr>
<td>Nama</td>
<td>:</td>
<td><input size="30" type="text" name="Nama" value="Isikan namamu" /></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input size="50" type="text" name="Alamat" value="Isikan alamatmu" /></td>
</tr>
<tr>
<td>TTL</td>
<td>:</td>
<td><input size="20" type="text" />
<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>
<select><option>Bulan</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>May</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>]
</select>
<select><option>Tahun</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>
<option>1989</option>
<option>1988</option>
<option>1987</option>
<option>1986</option>
<option>1985</option>
<option>1984</option>
<option>1983</option>
<option>1982</option>
<option>1981</option>
<option>1980</option>
</select>
</td>
</tr>
<td>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>
<td>Agama</td>
<td>:</td>
<td>
<select><option>Agama</option>
<option>Islam</option>
<option>Katholik</option>
<option>Kristen</option>
<option>Budha</option>
<option>Hindu</option>
</select>
</td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td>
<input type="checkbox" name="Hobi" />Berenang
<input type="checkbox" name="Hobi" />Komputer
<input type="checkbox" name="Hobi" />Membaca
<input type="checkbox" name="Hobi" />Musik
<input type="checkbox" name="Hobi" />Bermain
</td>
</tr>
<tr>
<td valign="top">Motto</td>
<td valign="top">:</td>
<td>
<textarea cols="20" rows="5"> Isikan Motomu</textarea>
</td>
</tr>
<tr>
<td colspan="2"></td>
<td>
<input type="reset" name="Muat Ulang" value="Muat Ulang" />
<input type="Submit" name="Daftar" value="Daftar" />
</td>
</tr>
</table>
</form>
</body>
Dan Ini Hasilnya :
Ini script nyaa :
<body>
<form action="Latihan.html" method="post">
<font face="Arial, Helvetica, sans-serif" size="4">Biodata Pribadi</font>
<br />
<table border="0">
<tr>
<td>Nama</td>
<td>:</td>
<td><input size="30" type="text" name="Nama" value="Isikan namamu" /></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input size="50" type="text" name="Alamat" value="Isikan alamatmu" /></td>
</tr>
<tr>
<td>TTL</td>
<td>:</td>
<td><input size="20" type="text" />
<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>
<select><option>Bulan</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>May</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>]
</select>
<select><option>Tahun</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>
<option>1989</option>
<option>1988</option>
<option>1987</option>
<option>1986</option>
<option>1985</option>
<option>1984</option>
<option>1983</option>
<option>1982</option>
<option>1981</option>
<option>1980</option>
</select>
</td>
</tr>
<td>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>
<td>Agama</td>
<td>:</td>
<td>
<select><option>Agama</option>
<option>Islam</option>
<option>Katholik</option>
<option>Kristen</option>
<option>Budha</option>
<option>Hindu</option>
</select>
</td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td>
<input type="checkbox" name="Hobi" />Berenang
<input type="checkbox" name="Hobi" />Komputer
<input type="checkbox" name="Hobi" />Membaca
<input type="checkbox" name="Hobi" />Musik
<input type="checkbox" name="Hobi" />Bermain
</td>
</tr>
<tr>
<td valign="top">Motto</td>
<td valign="top">:</td>
<td>
<textarea cols="20" rows="5"> Isikan Motomu</textarea>
</td>
</tr>
<tr>
<td colspan="2"></td>
<td>
<input type="reset" name="Muat Ulang" value="Muat Ulang" />
<input type="Submit" name="Daftar" value="Daftar" />
</td>
</tr>
</table>
</form>
</body>
Dan Ini Hasilnya :
0 komentar:
Post a Comment