Thursday, 27 March 2014

Membuat Form dengan HTML

Curriculum Vitae CURRICULUM VITAE

Nama :   Photo : 
Alamat :  
Jenis Kelamin: Laki-laki Perempuan
Tgl.Lahir :   
Agama :  
Tinggi Badan: cm 
Berat Badan : kg 
Pekerjaan :   
Hobby :  Baca Buku Kesenian Olahraga Shopping 
No. Telephone :  
PENDIDIKAN

Formal 
Perguruan Tinggi
SMA  
SMP  
SD  
TK  
In Formal
1.
2.
3.


SKRIP FORM dengan HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Curriculum Vitae</title>
</head>

<body>
  <p><b>CURRICULUM VITAE</b></p>
<p>&nbsp;</p>

<table width="675" height="377" border="1" bgcolor="#CC99FF"><center>
  <tr>
    <td width="147"><p>Nama : &nbsp;</td>
    <td width="288"><input type=text name="nama" width="287"/></td>
    <td width="218" rowspan="2">Photo :<input type="file" />&nbsp;</td>
  </tr>
  <tr>
    <td><p>Alamat :                            &nbsp;</td>
    <td><input type="text" name="alamat" height="100" width="287" /></td>
  </tr>
  <tr>
    <td><p>Jenis Kelamin: </td>
    <td colspan="2"><input type=radio name=gender value=Pria />   
      Laki-laki
      <input type=radio name=gender value=Wanita />
    Perempuan</td>
  </tr>
  <tr>
    <td><p>Tgl.Lahir :&nbsp;</td>
    <td colspan="2"><select name=tgl>
                                                                <option value=1>01
                                                                <option value=2>02
                                                                <option value=3>03
                                                                <option value=4>04
                                                                <option value=5>05
                                                                <option value=6>06
                                                                <option value=7>07
                                                                <option value=8>08
                                                                <option value=9>09
                                                                <option value=10>10
                                                                <option value=11>11    
                                                                <option value=12>12
                                                                <option value=13>13
                                                                <option value=14>14    
                                                                <option value=15>15
                                                                <option value=16>16
                                                                <option value=17>17
                                                                <option value=18>18
                                                                <option value=19>19
                                                                <option value=20>20
                                                                <option value=21>21
                                                                <option value=22>22
                                                                <option value=23>23
                <option value=24>24
                <option value=25>25
                <option value=26>26
                <option value=27>27
                <option value=28>28    
                <option value=29>29
                <option value=30>30
                <option value=31>31                                                                                                                                    
                                                </select>
                                                <select name=bln>
                                                                <option value=1>Januari
                                                                <option value=2>Februari
                                                                <option value=3>Maret
                                                                <option value=4>April
                                                                <option value=5>Mei
                                                                <option value=6>Juni
                                                                <option value=7>Juli
                                                                <option value=8>Agustus
                                                                <option value=9>September
                                                                <option value=10>Oktober
                                                                <option value=11>November
                                                                <option value=12>Desember
                                                </select>
                                                <select name=thn>
                                                                <option value=1901>1991
                                                                <option value=1992>1992
                                                                <option value=1993>1993
                <option value=1994>1994
                <option value=1993>1995
                <option value=1996>1996
                <option value=1997>1997
                <option value=1998>1998
                <option value=1999>1999
                                                                <option value=2000>2000
                <option value=2001>2001
                <option value=2002>2002
                <option value=2003>2003
                <option value=2004>2004
                <option value=2005>2005
                <option value=2006>2006
                <option value=2007>2007
                <option value=2008>2008
                <option value=2009>2009
                <option value=2010>2010
                <option value=2011>2011
                <option value=2012>2012
               
                                                </select>&nbsp;</td>
  </tr>
  <tr>
    <td>Agama : </td>
    <td colspan="2"><input type=text name="agama" />&nbsp;</td>
  </tr>
  <tr>
    <td>Tinggi Badan: </td>
    <td colspan="2"><input type=text name="tb" />cm&nbsp;</td>
  </tr>
  <tr>
    <td>Berat Badan : </td>
    <td colspan="2"><input type="text" name="bb" />kg&nbsp;</td>
  </tr>
  <tr>
    <td><p>Pekerjaan :&nbsp;</td>
    <td colspan="2"><select name=Pekerjaan>
                                                                <option value="pelajar">Pelajar/mahasiswa
                                                                <option value="Pegawai Negeri">Pegawai Negeri
                                                                <option value="Karyaewan">karyawan
                                                                <option value="Wiraswasta">Wirasawasta
                                                </select>&nbsp;</td>
  </tr>
  <tr>
    <td><p>Hobby :&nbsp;</td>
    <td colspan="2"><input type=checkbox name=hobby value=membaca>Baca Buku
                                                <input type=checkbox name=hobby value=Kesenian>Kesenian
                                                <input type=checkbox name=hobby value=olahraga>Olahraga
                <input type=checkbox name=hobby value=Belanja>Shopping&nbsp;</td>
  </tr>
  <tr>
    <td><p>No. Telephone : </td>
    <td colspan="2"><input type=text name="telp" />&nbsp;</td>
  </tr>
</table>
  <p><strong>PENDIDIKAN</strong></p>
<p><br>
                  Formal&nbsp;</br>
</p>
                <table width="679" height="174" border="1" bgcolor="#CC66FF">
      <tr>
        <td width="116">Perguruan Tinggi </td>
        <td width="352"><input type=text name="univ" width="350" height="20"/></td>
      </tr>
      <tr>
        <td>SMA</td>
        <td><input type=text name="sma" width="350" height="20"/>&nbsp;</td>
      </tr>
      <tr>
        <td>SMP</td>
        <td><input type=text name="smp" width="350" height="20"/>&nbsp;</td>
      </tr>
      <tr>
        <td>SD</td>
        <td><input type=text name="sd" width="350" height="20"/>&nbsp;</td>
      </tr>
      <tr>
        <td>TK</td>
        <td><input type=text name="tk" width="350" height="20"/>&nbsp;</td>
      </tr>
    </table>
                <p>In Formal </p>
                <table width="682" height="148" border="1" bgcolor="#CC66FF">
      <tr>
        <td width="17">1.</td>
        <td width="498"><input type="text" name="informal" width="496" height="25" /></td>
      </tr>
      <tr>
        <td>2.</td>
        <td><input type="text" name="informal" width="496" height="25"/></td>
      </tr>
      <tr>
        <td>3.</td>
        <td><input type="text" name="informal" width="496" height="25" /></td>
      </tr>
    </table>
                <p>&nbsp;</p>
                <p>
                  <input name="submit" type=submit value=Kirim data />
                  <input type=reset value=Ulang>
                  </form>

</center>
</body>
</html>

No comments:

Post a Comment