Sebuah form merupakan bagian dari dokumen web yang
dapat diisikan oleh pengguna, untuk memeberikan informasi tertentu dari
pengguna kepada website. Sebuah form sangat penting dalam sebuah aplikasi web.
Source code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Membuat Form</title>
<style type="text/css">
#main {width:1100px;
margin:0 auto;
}</style>
</head>
<body><div id="main">
<h1>Contoh Form Pendaftaran</h1><br/>
<table width="250" border="0">
<tr>
<td width="116">Nama :</td>
<td width="235"><input type="text" size="35" name="nama" /></td>
</tr>
<tr>
<td>NIM :</td>
<td><input type="text" size="15" name="nim" /></td>
</tr>
<tr>
<td>Jenis Kelamin :</td>
<td><input type="radio" name="jkel" value="pria" />
Laki-laki
<br />
<input type="radio" name="jkel" value="Wanita" />
Perempuan</td>
</tr>
<tr>
<td>Agama :</td>
<td><select name=agama>
<option value="Islam">Islam</option>
<option value="Katholik">Katholik</option>
</select></td>
</tr>
<tr>
<td>Status :</td>
<td><input type="radio" name="status" value="Kawin" />
Kawin
<br />
<input type="radio" name="status" value="Belum Kawin" />
Belum Kawin</td>
</tr>
<tr>
<td>Jurusan :</td>
<td><select name=:jurusan" size="1">
<option value="Manajemen Informatika">Manajemen Informatika </option>
</select></td>
</tr>
<tr>
<td>Hobi :</td>
<td><textarea name="ket" rows="2" cols="30"></textarea></td>
</tr>
<tr>
<td>Alamat :</td>
<td><textarea name="ket" rows="3" cols="30"></textarea></td>
</tr>
</table>
<br />
<input type="submit" value="Kirim" />
<input type="reset" value="Ulang" />
</div>
</body>
</html>
2. Menggunakan Map
Source code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Penggunaan map</title>
<style type="text/css">
#main {width:1100px;
margin:0 auto;
}</style>
</head>
<br />
<body><div id="main"><img src="map.jpg" usemap="expend" width="600" height="300" />
<map name=”expend”>
<map name="expend"><area shape=”rect” coords=”22,10,109,85″ href=”www.expendables.com” target=”_blank” />
<area shape=”poly” coords=”147,83,186,12,230,84″ href=”http://ghenkvee.blogspot.com” alt=”anshoriDiary” target=”_blank” />
<area shape=”circle” coords=”306,50,40″ href=”http://www.killerjo.net” alt=”well” title="pitrika" target=”_blank” /></map>
</map></div>
</body>
</html>
Tidak ada komentar:
Posting Komentar