Belajar HTML : Cara Membuat Form dalam Tabel

Cara membuat Form dalam Tabel.

<center><h2>Mengisi Formulir</h2></center>
<fieldset>
<table border=”3″/>
<th><table border=”5″/>
<th>Nama : <input type=”nm”/></th><tr>
<th>Alamat : <input type=”al”/></th><tr>
<th>Email : <input type=”em”/></th><tr>
<th>Password : <input type=”password”/></th><tr>
</table></th>
<th><table border=”5″/>
Agama : <th><input type=”checkbox” value=”agama”/>Islam</th><tr>
<th><input type=”checkbox” value=”agama”/>Budha</th><tr>
<th><input type=”checkbox” value=”agama”/>Hindu</th><tr>
<th><input type=”checkbox” value=”agama”/>Kristen</th><tr>
<th><input type=”checkbox” value=”agama”/>Katolik</th><tr>
</table></th>
<th><table border=”5″/>
Hobi : <th><input type=”radio” value=”hobi”/>Olahraga</th><tr>
<th><input type=”radio” value=”hobi”/>Rekreasi</th><tr>
<th><input type=”radio” value=”hobi”/>mengarang</th><tr>
<th><input type=”radio” value=”hobi”/>Jalan-jalan</th><tr>
<th><input type=”radio” value=”hobi”/>Makan<p></th><tr>
</table></th>
<th><table border=”5″/>
TTL :<p><th>
Tanggal :<select>
<optgroup>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</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>34</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</optgroup>
</select><p></th><tr>
<th>Bulan :<select>
<optgroup>
<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>
</optgroup>
</select><p></th><tr>
<th>Tahun :<select>
<optgroup>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
</optgroup>
</select></th>
</table>
<th><table border=”5″/>
Lainnya :<p>
<th>Status :<select>
<optgroup label=”Laki-Laki”/>
<option>Mahasiswa</option>
<option>Pekerja</option>

Membuat Form pada HTML

<option>Penganggur</option>
</optgroup>
<optgroup label=”Perempuan”/>
<option>Mahasiswi</option>
<option>Pekerja</option>
<option>Penganggur</option>
</optgroup>
</select>
</table></th>
</th>
</table>
<textarea rows=”5″ cols=”20″>Terimakasih telah mengisi formulir pendaftaran ini, semoga anda di terima di sekolah kami</textarea><p>
<input type=”button” value=”Daftar”/>
<input type=”button” value=”Kembali”/>
</fieldset><p>

Hasilnya adalah :

 

 

About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s