Jumat, 03 Mei 2013

membuat formulir dengan HTML

Para Pembaca yang budiman, berikut Saya post script/taq pembuatan formulir dengan HTML.

<html>
<head>
<title>latihan form</title>
</head>
<body bgcolor="cyan">
<h3><center>FORMULIR PENDAFTARAN SISWA BARU</center></h3>
<form>
<table width="50%">
<tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type="text" name="nama" size="30"></td>
</tr>
<tr>
    <td>Jenis Kelamin</td>
    <td>:</td>
    <td><input type="radio" name="jkl" value="L">Laki-laki
            <input type="radio" name="jkl" value="P">Perempuan</td>
</tr>
<tr>
    <td>TTL</td>
    <td>:</td>
    <td><input type="text" name="nama" size="20">
            <select size="1" name="tanggal">
     <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 size="1" name="bulan">
    <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 size="1" name="tahun">
    <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>
    </select>
</td>
</tr>
<tr valign="top">
    <td>Alamat</td>
    <td>:</td>
    <td><textarea rows="4" cols="40"></textarea></td>
</tr>
<tr valign="top">
    <td>Pilihan Prog.Keahlian</td>
    <td>:</td>
    <td><input type="checkbox" name="jur" value="Multimedia">Multimedia<br>
    <input type="checkbox" name="jur" value="Teknik Las">Teknik Las<br>
    <input type="checkbox" name="jur" value="Teknik Mek.Industri">Teknik Mek.Industri<br>
    <input type="checkbox" name="jur" value="Teknik Kendaraan Ringan">Teknik Kendaraan Ringan<br>
    <input type="checkbox" name="jur" value="Teknik inst.Listrik">Teknik Inst.Listrik</td>
</table>
</form>
</body>
</html>

Semoga bermanfaat