Minggu, Desember 18, 2011

HTML dasar membuat form sederhana

Minggu, Desember 18, 2011    1 comment
kali ini saya akan sharing tentang membuat form sederhana dalam HTML
berikut scriptnya

<html>
<head>
<title>Belajar Buat Form</title>
<br><h3 align="center"><font color="#FF0000">.:: Belajar Membuat Form ::.</font></h3></head>
<body>
<br><form method="post">
<div align="center"><table border="0" cellspacing="3" cellpadding="0">
<tr> <td><strong>Nama :</strong></td>
<td><input type="text" name="name" size="30"> </td</tr>
<tr> <td><strong>Nrp :</strong></td>
<td><input type="text" name="nrp" size="30"> </td></tr>
<tr> <td valign="top"><strong>Jurusan :</strong></td>
<td><input type="radio" name="jur" size="30">D3 Manajemen Informatika<br>
<input type="radio" name="jur" size="30">TeknikInformatika<br>
<input type="radio" name="jur" size="30">Teknik Industri</td></tr></tr>
<tr> <td valign="top" align="left"><strong>Alamat :</strong></td>
<td><textarea rows="5" name="alamat" cols="30"></textarea></td></tr>
<tr><td><strong>Propinsi :</strong></td>
<td><select name="prov">
<option value="jatim">Jawa Timur</option>
<option value="jabar">Jawa Barat</option>
<option value="jateng">Jawa Tengah</option>
<option value="kaltim">Kalimantan Timur</option>
<option value="kalteng">Kalimantan Tengah</option>
</select></td></tr>
<tr> <td><strong>Tempat Tanggal Lahir :</strong></td>
<td><input type="text" name="ttl" size="30"> </td></tr>
<tr> <td><strong>Email :</strong></td>
<td><input type="text" name="email" size="30"> </td></tr>
<tr> <td valign="top" align="left"></td>
<td> <input type="submit" value="Submit" name="B1" /><input type="reset" name="B2" /></td></tr></table></div></form></body>
</html>

hasilnya :

1 komentar: