Tugas Membuat Form Registrasi – Tekno Kita

Tampilan Form Registrasi

Coding HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>Form Registrasi</title>
</head>
<body background="gambar4.jpg">
<h1><font size="13"><span style="color:blue">Form Registrasi Murid Baru</span></font></h1>
<br />
 <fieldset>
   <legend><b>Data Calon Siswa Baru</b></legend>
      <table class="form" width="100%">
    <tr>
     <td class="form" width="25%">Nama Lengkap</td>
     <td class="form" width="75%"><input type="text" name="onama" size="40" id="onama" 
     class="required" title="Nama lengkap harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Jenis Kelamin</td>
     <td class="form">
      <input type="radio" name="ojk" value="L" id="ojk" 
      class="required" title="Jenis Kelamin harus diisi" />Laki-laki 
      <input type="radio" name="ojk" value="P" id="ojk" />Perempuan
     </td>
    </tr>
    <tr>
     <td class="form">Tempat Lahir</td>
     <td class="form"><input type="text" name="otempatlahir" size="40" id="otempatlahir"
     class="required" title="Tempat lahir harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Tanggal Lahir</td>
     <td class="form">
      <select name="otanggallahir">
       <option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>      </select>
      <select name="obulanlahir">
       <option value="01">Jan</option>
       <option value="02">Feb</option>
       <option value="03">Mar</option>
       <option value="04">Apr</option>
       <option value="05">Mei</option>
       <option value="06">Jun</option>
       <option value="07">Jul</option>
       <option value="08">Agu</option>
       <option value="09">Sep</option>
       <option value="10">Okt</option>
       <option value="11">Nov</option>
       <option value="12">Des</option>
      </select>
      <select name="otahunlahir">
       <option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option>      </select>
     </td>
    </tr>
    <tr>
     <td class="form">Agama</td>
     <td class="form">
      <input type="radio" name="oagama" value="I" id="oagama" 
      class="required" title="Agama harus dipilih" />Islam 
      <input type="radio" name="oagama" value="K" id="oagama" />Katholik
      <input type="radio" name="oagama" value="P" id="oagama" />Kristen
      <input type="radio" name="oagama" value="B" id="oagama" />Budha
      <input type="radio" name="oagama" value="H" id="oagama" />Hindu
      <input type="radio" name="oagama" value="L" id="oagama" />Lainnya
     </td>
    </tr>
    <tr>
     <td class="form" width="25%">Golongan Darah</td>
     <td class="form" width="75%"><input type="text" name="ogoldar" size="2" id="ogoldar" 
     class="required" title="Golongan darah harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Alamat Lengkap</td>
     <td class="form"><input type="text" name="oalamattetap" size="50" id="oalamatlengkap"
     class="required" title="Alamat harus diisi" /></td>
    </tr>
    <tr>
     <td class="form" width="25%">Kecamatan</td>
     <td class="form" width="75%"><input type="text" name="okecamatan" size="20" id="okecamatan" 
     class="required" title="Kecamatan harus diisi" /></td>
    </tr>
    <tr>
     <td class="form" width="25%">Kabupaten</td>
     <td class="form" width="75%"><input type="text" name="okabupaten" size="20" id="okabupaten" 
     class="required" title="Kelurahan harus diisi" /></td>
    </tr>
    <tr>
     <td class="form" width="25%">Propinsi</td>
     <td class="form" width="75%"><input type="text" name="opropinsi" size="20" id="okelurahan" 
     class="required" title="Kelurahan harus diisi" /></td>
    </tr>
    <tr>
     <td class="form" width="25%">Kode Pos</td>
     <td class="form" width="75%"><input type="text" name="okodepos" size="2" id="okodepos" 
     class="required" title="Kode pos harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">No HP</td>
     <td class="form"><input type="text" name="ohp" size="30" id="ohp" 
     class="required" title="Handphone harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Email</td>
     <td class="form"><input type="text" name="oemail" size="30" id="oemail" 
     class="required email" title="Email harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Nomor Induk Siswa</td>
     <td class="form"><input type="text" name="onis" size="20" id="onis"
     class="required" title="Nomor Induk Siswa harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Asal Sekolah</td>
     <td class="form"><input type="text" name="oasalsekolah" size="40" id="oasalsekolah"
     class="required" title="Asal sekolah harus diisi" /></td>
    </tr>
    <tr>
     <td class="form">Alamat Sekolah</td>
     <td class="form"><input type="text" name="oalamatsekolah" size="50" id="oalamatsekolah" 
     class="required" title="Alamat sekolah harus diisi" /></td>
    </tr>
    
  
    </tr>
   </table>
  </fieldset>

</body>
</html>

Daftar Harga Laptop Sony Vaio Terbaru Juli 2016

Sony Vaio SVE11-135CV Black, Pink, White AMD E2 2000 1.75Ghz, 2GB DDR3, 320GB, No Optical Drive, Wifi, Bluetooth, AMD Radeon HD 7340, Camera, 11.6" WXGA, Win 8 Rp 4,100,000 Sony Vaio Duo 11 SVD11-215CV Intel Core i5 3317U-1.7Ghz, RAM 4GB, HDD 128GB SSD, VGA Intel...

Daftar Harga Laptop Samsung Terbaru Juli 2016 Dan Spesifikasinya

Harga Laptop Samsung Terbaru- Sekarang kalau kita bilang merk Samsung tentunya sudah tidak asing bagi kita semua.Maka sekarang kita akan membahas sedikit tentang Laptop Samsung,seperti yang sudah banyak orang ketahui,Samsung merupakan salah satu perusahaan elektronik...

Daftar Harga Laptop Samsung Windows 8 Terbaru Juli 2016

Samsung NP270E4E-K01ID/K02IDIntel Core i3 3110M 2.4Ghz, 14" LED HD, 4GB, 500GB, DVD-RW, Card Reader, Intel HD, Wifi, Bluetooth, Camera, Win 8.1Rp 6,250,000 Samsung NP470R4E-K01IDIntel Core i5 3230M-2.6Ghz, RAM 4GB, HDD 500GB, VGA Intel HD4000, Screen 14" Wide LED,...

Daftar Harga Laptop Acer AMD Terbaru Juli 2016

Harga Laptop Acer AMD - Semakin hari semakin banyak keluarnya laptop dengan berbagai seri terbaru yang akan semakin memikat hati pengguna laptop.Dengan hadirnya berbagai jenis dan variasi yang banyak akan membuat kita menjadi lebih bingung dalam memilih laptop mana...

0 Komentar

Kirim Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *