I will explain how to create a Form with the html and can be run via the localhost.
I will also give you the syntax on this blog, so that you can make his own laptop and your computer, do not hard, and easy for you to change and you understand.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(girl%20spain1.jpg);
}
-->
</style>
</head>
<body>
<table width="435" height="318" border="1" align="center" bgcolor="#666666">
<div align="center"><img alt="UNIGHA" src="UNIGHA.png" height="100" width="400" />
</div>
<tr>
<td colspan="3"><div align="center">FORM PEGAWAI </div></td>
</tr>
<tr>
<td width="162">NIP</td>
<td><div align="center">:</div></td>
<td width="243"><input name="nip" type="text" id="nip" /></td>
</tr>
<tr>
<td>Nama</td>
<td><div align="center">:</div></td>
<td><input name="nama" type="text" id="nama" /></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td><div align="center">:</div></td>
<td><input name="tlahir" type="text" id="tlahir" /></td>
</tr>
<tr>
<td>Tempat Lahir </td>
<td><div align="center">:</div></td>
<td><input name="ttlahir" type="text" id="ttlahir" /></td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td><div align="center">:</div></td>
<td><input name="jekel" type="radio" value="laki-laki" />
L
<label>
<input name="jekel" type="radio" value="perempuan" />
P</label></td>
</tr>
<tr>
<td>Pendidikan</td>
<td><div align="center">:</div></td>
<td><select name="pendidikan" id="pendidikan">
<option selected="selected">-</option>
<option>SMP Sederajat</option>
<option>SMA Sederajat</option>
<option>D3</option>
<option>D4</option>
<option>S1</option>
<option>S2</option>
<option>S3</option>
</select></td>
</tr>
<tr>
<td>Dinas</td>
<td><div align="center">:</div></td>
<td><select name="dinas" id="dinas">
<option selected="selected">-</option>
<option>Dinas Pendidikan</option>
<option>Dinas Sosial</option>
<option>Dinas Olahraga</option>
</select> </td>
</tr>
<tr>
<td>Alamat</td>
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" id="alamat" /></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="submit" value="Input" />
<input name="Submit2" type="submit" id="Submit2" value="Keluar" />
</div></td>
</tr>
</table>
</body>
</html>
It was his syntax, and there will be a display out on the next tab, like the picture above.
Good job.
0 komentar:
Post a Comment