Wednesday, March 26, 2014

Script Code Membuat Form pada HTML







 FORMULIR DATA DIRI
code script :
<html>
<head>

<title>FORM++</title>
</head>

<body>
<form action="Latihan-html.html" method="post">
 <font size="2"><h1>DATA PRIBADI</h1> </font><br />
 <table>
     <tr>
         <td>Nama</td>
         <td>:</td>
         <td><input size="68" type="text" /></td>
     </tr>
     <tr>
         <td>Alamat</td>
         <td>:</td>
         <td><input size="68" type="text" /></td>
     </tr>
     <tr>
         <td>TTL</td>
         <td>:</td>
         <td><input size="20" type="text" />
         <select>
                                         <option>-Tanggal-</option>          
                                         <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>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>January</option>                                                                                                                          
                                         <option>February</option>                                                      
                                         <option>Maret</option>
                                         <option>April</option>
                                         <option>Mey</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></select></td>
     </tr>
   
     <tr>
         <td>Kelamin</td>
         <td>:</td>
         <td><input type="radio" name="Kelamin" value="Laki-laki" />Male
                 <input type="radio" name="Kelamin" value="Perempuan" />Female
                 <input type="radio" name="Kelamin" value="Lainnya" />Other</td>
     </tr>
       
   
     <tr>
         <td>Agama</td>
         <td>:</td>
         <td><select>                    <option>-Agama-</option>
                                         <option>Islam</option>
                                         <option>Kristen</option>
                                         <option>Budha</option>
                                         <option>Hindu</option></select></td>
     </tr>

     <tr>
         <td>Hobby</td>
         <td>:</td>
         <td><input type="checkbox" />Advanture    <input type="checkbox"  />Traveller    <input type="checkbox"  />Hang Out    <input type="checkbox"  />Coders    <input type="checkbox"  />Berenang<input type="checkbox"  />Lain-lain</td>
     </tr>
   
     <tr>
         <td valign="top">Motivasi</td>
         <td valign="top">:</td>
         <td><textarea cols="65" rows="4"> ketikkan apa yang ingin anda ketikkan .... </textarea></td>
     </tr>
     <tr>
         <td colspan="2"></td>
         <td><input type="submit" name="submit" />
                 <input type="reset" name="reset" />
         </td>
     </tr>
 </table>
 </form>
</body>
</html>
FORM++

DATA PRIBADI


Nama :
Alamat :
TTL :
Kelamin : Male Female Other
Agama :
Hobby : Advanture Traveller Hang Out Coders BerenangLain-lain
Motivasi :

0 comments:

Post a Comment