Contoh Frame sederhana dengan tambahan CSS
<html><head>
<style>
h2 {
font-family :times new roman;}
table{
border :0 ;
margin-left :auto;
margin-right :auto;
font-family :Gill Sans Mt;
}
textarea {
width :100%;
height :100;
padding-top:10;
border : 2px solid #d4d2d1;
border-radius :5px;
}
textarea:focus{
border : 2px solid #00ffff;
}
input[type=text]{
width:100%;
height :30px;
border : 2px solid #d4d2d1;
border-radius:3px;
padding-left : 8px;
}
input[type=text]:focus{
border : 2px solid #00ffff;
}
select {
width :40%;
border : 2px solid #d4d2d1;
border-radius :4px;
}
#lain {
border : 2px solid #d4d2d1;
border-radius:3px;
margin :0 0 0 0;
}
#lain:focus{
border : 2px solid #00ffff;
}
.kanan{
padding-left :30px;
}
button[type=pilih]{
margin-top :20px;
background-color :rgba(0,255,192,0.7);
cursor :pointer;
color :white;
border :none;
padding: 8px 16px;
}
</style>
</head>
<body>
<table>
<tr>
<h2><center>Form Pendaftaran Mahasiswa Baru <br>2016</font><center></h2>
</tr>
<tr>
<form>
<td> Nama </td>
<td class="kanan"> <input type="text" class="nama" maxlength="50" > </td> </tr>
<tr>
<td style="vertical-align :top ;padding-top: 20px"> Alamat </td>
<td class="kanan"> <br><textarea >
</textarea></td>
</form>
</tr>
<p>
<tr>
<td> Agama </td>
<td class ="kanan"style="position:relative"> <br> <input type="radio" checked name="ag"> Islam </input>
<input type="radio" checked name="ag"> Kristen </input>
<input type="radio" checked name="ag"> Katholik <br></input>
<input type="radio" checked name="ag"> Hindu </input>
<input type="radio" checked name="ag"> Buddha</input>
<input type="radio" checked name="ag"> Konghucu </td></input>
</tr>
<tr>
<td> Jenis Kelamin </td>
<td class="kanan"> <select name="Jenis Kelamin">
<option value= "Pilih" > Pilih </option>
<option value= "Laki-laki"> Laki-laki </option>
<option value= "Perempuan"> Perempuan </option>
</select>
</td>
</tr>
<tr>
<td> Hobi</td>
<td class ="kanan"style="position:relative"><input type="checkbox" value="membaca">memancing </input>
<input type="checkbox" value="membaca"> membaca </input>
<input type="checkbox" value="menulis">menulis</input><br>
<input type="checkbox" value="menonton">menonton </input>
<input type="checkbox"><input id="lain" placeholder="Lainnya..."></input>
</input>
</td>
</tr>
<p>
<td colspan="4" style="text-align :right"><a href="tugas web.html"> <button type="pilih"> Simpan </button>
<style="text-align :right"><a href="tugas web.html"> <button type="pilih"> Batal </button> </td>
</form>
<table>
</body>
</html>
