Recent Post

Senin, 17 September 2012

Cara Membuat Biodata Dengan Html

ini adalah hasil dari html saya , tertarik bukan ? jika anda ingin mencobanya itu adalah suatu hal yang mudah ,, yang pnting niat + dan melakukan . jgn cuma berhayal doan ^_^. oke pertama kita harus membuat notepad .. kedua copy script yang saya lampirkan dibawah nnti , trus anda save dengan ekstensi .hm ,, contoh 'biodata.htm'


Script :
 <html>
<head>
<title>Biodata</title>
</head>
<body>
<form action="" method="post">
<font face="Arial, Helvetica, sans-serif" size="4">Biodata pribadi</font>
<table border="0">
<tr>
    <td>Nama </td>
    <td>:</td>
    <td><input type="text" name="Nama" size="25" value="Ridwan Baihaqy" /></td>
</tr>

<tr>
    <td>Alamat </td>
    <td>:</td>
    <td><input type="text" name="Alamat" size="30" value="Jln.Hidup baru no.22 Pademangan barat" /></td>
</tr>

<tr>
    <td>TTL </td>
    <td>:</td>
    <td><input type="text" name="TTL" size="25" value="Jakarta" />

<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>
<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>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>

<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>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>
</html>

0 komentar:

Poskan Komentar