MEMBUAT FORM PENDAFTARAN SEDERHANA
Kali ini saya akan memberikan sebuah
tutorial cara membuat formulir pendaftaran menggunakan Bahasa pemograman HTML.
Formulir yang akan kita buat ini dapat kita buat ini sudah cukup kumplit untuk
sebuah biodata diri, tapi bila ada yang kurang silahkan ditambah saja buat lah
sekreatif mungkin oke :D…
Okee.. untuk tutorialnya langsung kita
lihat dibawah ini..
<html>
<head>
<title>TEST</title>
</head>
<body>
<center>
<table border="1">
<tr>
<td>
<form id="form1"
name="form1" method="post" action="">
<table width="400"
align="center">
<tr>
<td height="24"
colspan="3" align="center">
<B>SAINS-IT</B>
<br>
<B> PENDAFTARAN </B>
</tr>
<tr>
<td>Nama Pengguna</td>
<td
align="center">:</td>
<td><label
for="textfield">
</label>
<input type="text"
name="textfield" id="textfield" />
</td>
</tr>
<tr>
<td>Kata Sandi</td> <td
align="center">:</td>
<td><label
for="textfield2">
</label>
<input type="password"
name="textfield2" id="textfield2" /></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td
align="center">:</td>
<td>
<input type="checkbox"
name="checkbox" id="checkbox"/>
<label for="checkbox">Pria
<input type="checkbox"
name="checkbox2" id="checkbox2" /> Wanita
</label>
</td>
</tr>
<tr>
<td>Tanggal lahir</td>
<td
align="center">:</td>
<td><label
for="select">
</label> <select
name="select" id="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>
<option>32</option>
</select>
<label for="select2">
</label>
<select name="select2"
id="select2">
<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> <label
for="select3">
</label>
<select name="select3"
id="select3">
<option>Tahun</option>
<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>
</select>
</td>
</tr>
<tr>
<td
colspan="2"> </td>
<td><input type="submit"
name="button" id="button"value="Kirim" />
<input type="reset"
name="button2" id="button2" value="Batal" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
Sekian tutorial mengenai tutorial cara
membuat formulir sederhana menggunakan Bahasa Pemograman HTML. Ingat buatlah
sekreatif mungkin :D
Bila ada request atau yang kurang
dimengerti untuk ditanyakan kalian bisa mencorat-coret dikomentar. Terus
kunjungi realdimaskanjeng oke…
Semoga bermanfaat.
No comments:
Post a Comment