blogtempur: Membuat Formulir Biodata Dengan HTML

Kali ini saya akan memberikan info tentang cara membuat formulir dengan html.
langkah langkahnya ialah
pertama,masuk ke dalam macromedia dreamwever kita,
lalu kita pilih html,
selanjutnya,kita buat kode seperti saya ini tepat diantara <body>isi html yang kita buat </body>
dan selanutnya lihat hasil nya dengan cara f12 dan lihatlah hasilnya

<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 nama anda..." /></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input size="50" type="text" name="Alamat" value="Isikan alamat anda..." /></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>Kristen</option>
<option>Khatolik</option>
<option>Hindu</option>
<option>Budha</option>
</select>
</td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td>
<input type="checkbox" name="Hobi" />Blogging
<input type="checkbox" name="Hobi" />Belajar
<input type="checkbox" name="Hobi" />Komputer
<input type="checkbox" name="Hobi" />Musik
<input type="checkbox" name="Hobi" />Main dota
</td>
</tr>
<tr>
<td valign="top">Motto</td>
<td valign="top">:</td>
<td>
<textarea cols="20" rows="5"> Isikan Moto anda </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>

semoga berguna...............

blogtempur

Saturday, January 29, 2011

Membuat Formulir Biodata Dengan HTML

2 comments: