Kombinasi Tabel dengan Form

Untuk membuat form lebih tersusun rapi maka gunakanlah tabel. dengan adanya tabel kita dapat membuat layout form sesuai dengan yang diinginkan. sebagai contoh formulir pendaftaran mahasiswa, jika kita tidak menggunakan tabel maka posisinya tidak teratur. misalkan kita membuat 2 kolom dimana kolom pertama berisi nama/keterangan data yang akan diinput dan kolom kedua berisi inputan yang harus diisi oleh user. seperti contoh di bawah ini.

adapun code htmlnya sebagai berikut:

<html>
  <head>
    <title>Registrasi</title>
  </head>
  <body>
    <h2>Pendaftaran Mahasiswa</h2>
    <p>Harap diisi data pendaftaran Mahasiswa TRPL</p>
    <table>
      <tr>
        <td>Nama:</td>
        <td><input type="text" size="34" /></td>
      </tr>
      <tr><td>&nbsp;</td><td>&nbsp;</td></tr> 
      <tr>
        <td>Alamat:</td>
        <td><input type="text" size="34" /></td>
      </tr>
      <tr><td>&nbsp;</td><td>&nbsp;</td></tr> 
      <tr>
        <td>Jenis Kelamin:</td>
        <td><input type="radio" name="jns_kl" value="male" />Male</td>
      </tr>
      <tr>
        <td></td>
        <td><input type="radio" name="radSex" value="female" />Female</td>
      </tr>
      <tr><td>&nbsp;</td><td>&nbsp;</td></tr> 
      <tr>
       <td>Program Studi:</td>
       <td><select name="prodi">
          <option value="D4TRPL">D4 Teknologi Rekayasa Perangkat Lunak <br>
          <option value="D4Elka"> D4 Teknik Elektronika <br>
          <option value="D4TMM"> D4 Teknik Mesin dan Manufaktur <br>
          <option value="D3Elka"> D3 Teknik Elektronika <br>
          <option value="D3PPM"> D3 Teknik Perawatan dan Perbaikan <br>
          <option value="D3PCM"> D3 Teknik Perancangan Mekanik <br>
       </td>
      </tr>
      <tr><td>&nbsp;</td><td>&nbsp;</td></tr> 
      <tr>
         <td>Hobi: </td>
         <td><input type="checkbox" value="Main Game">Main Game <br/>
           <input type="checkbox" value="Jalan-Jalan">Jalan- Jalan  <br/>
           <input type="checkbox" value="Masak">Masak  <br/>
           <input type="checkbox" value="Baca Buku">Baca buku
        </td>
          
      <tr>
        <td>User Name:</td>
        <td><input type="text" name="txtUserName" size="34" /></td>
      </tr>
      <tr>
        <td>Password:</td>
        <td><input type="password" name="pwdPassword" size="34" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td></td>
        <td><input type="submit" value="Register!!" /></td>
      </tr> 

    </table> 
</body>
</html>