Membuat Biodata Mengunakan Form HTML / Edit HTML

Saya beritaukan bahwa membuat biodata mengunakan Edit HTML sangat lah mudah kalau sering berlatih lama kelaman pasti akan pandai baik lah saya akan tunjukan cara nya :

1.Masukan script dibawah "<body>
2.kemudian isi script seperti ini :



<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="Yogi Ade Saputra" /></td>
</tr>

<tr>
    <td>Alamat </td>
    <td>:</td>
    <td><input type="text" name="Alamat" size="30" value="Jln.Garudan Gg.Madrasah No.44" /></td>
</tr>

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

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


3.liat hasil nya seperti ini :

Biodata pribadi
Nama :
Alamat :
TTL :



Jenis Kelamin :
Laki-Laki

Perempuan
Agama :
Hobi :
olahraga

Membaca

Komputer

Musik

Lain-Lain
Motto :

1 komentar:

a.k.a ThUnG wEeT

wahh .. mantap tutorial nya ..
makasih byk yoo ...
sangat bermamfaat .. :)

klw untuk menghilangkan tulisan di text box nya gmn ya ..??

>>"Isikan motto anda disini"<<

Posting Komentar