Sabtu, 25 Februari 2017

cara membuat halaman web untuk Pendaftaran atau formulir pendafataran sederhana tapi kumplit mudah

cara membuat halaman web untuk Pendaftaran atau formulir pendafataran sederhana tapi kumplit mudah



Assalamu’alaikum warrahmatullahi wabarakatuh

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>Form SAINS-IT</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">&nbsp;</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. 

Semoga bermanfaat.

Wassalamu’alaikum warrahmatullahi wabarakatuh