PROGRAMMING, TIPS TRIK

Simple Form HTML

Kayak nya tulisan gak mutu,tapi gpp lah,yang penting sharing aja.Barangkali ada yang butuh terus jadi referensi kan sudah mengamalkan ilmu(amin). Form biasa nya digunakan ketika kita butuh proses input sesuatu contoh nya ketika kita mendaftar di facebook. Tentunya ada banyak input an yang harus kita isikan. Nah seluruh nya itu dinamakan form.Mari lihat bersama-sama contoh nya deh :

1.Siapkan text editor kesukaan mu kayak notepad,notepad++ ato yang lainnya

2.Ketikan coding dibawah ini
<html>
<head>
<title>Homepage DATA ENTRY</title>
</head>
<body>
<form action=”lain.html” method=”post” name=”form”>
<table>
<tr>
<td>1</td>
<td>Nama</td>
<td>:</td>
<td><input type=”text” name=”txtnama” size=”20″ /></td>

</tr>
<tr>
<td>2</td>
<td>NRP</td>
<td>:</td>
<td><input type=”text” name=”txtnrp” size=”20″/></td>

</tr>
<tr>
<td>3</td>
<td>Kelas</td>
<td>:</td>
<td><input type=”text” name=”txtkls” size=”20″ /></td>

</tr>
<tr>
<td>4</td>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type=”radio” name=”rdsex” />pria
<input type=”radio” name=”rdsex”/>wanita
</td>

</tr>
<tr>
<td>5</td>
<td>Agama</td>
<td>:</td>
<td>
<select name=”cbagama”>
<option value=”islam”>Islam</option>
<option value=”kristen”>Kristen</option>
<option value=”budha”>Budha</option>
<option value=”hindu”>Hindu</option>
</select>
</td>

</tr>
<tr>
<td>6</td>
<td>Tempat / Tanggal Lahir</td>
<td>:</td>
<td><input type=”text” name=”txttempat” size=”20″/>
<input type=”text” name=”txttanggal” size=”20″/>
</td>

</tr>
<tr>
<td>7</td>
<td>Alamat</td>
<td>:</td>
<td>&nbsp;</td>

</tr>
<tr>
<td>&nbsp;</td>
<td>
<textarea name=”txtalamat” cols=”30″ rows=”5″></textarea>
</td>
<td>&nbsp;</td>
<td>&nbsp;</td>

</tr>
<tr>
<td>8</td>
<td>Riwayat Pendidikan</td>
<td>:</td>
<td>&nbsp;</td>

</tr>
<tr>
<td>&nbsp;</td>
<td>
<table>
<tr>
<td>a.</td>
<td>SD</td>
<td>:</td>
<td><input type=”text” name=”txtsd” size=”20″/></td>
</tr>
<tr>
<td>b.</td>
<td>SMP</td>
<td>:</td>
<td><input type=”text” name=”txtssmp” size=”20″/></td>
</tr>
<tr>
<td>c.</td>
<td>SMA</td>
<td>:</td>
<td><input type=”text” name=”txtsma” size=”20″/></td>
</tr>
</table>
</td>
<td>&nbsp;</td>
<td>&nbsp;</td>

</tr>
<tr>
<td>9</td>
<td>Email</td>
<td>:</td>
<td>
<input type=”text” name=”txtemail” size=”20″/>
</td>

</tr>
<tr>
<td>10</td>
<td>Homepage</td>
<td>:</td>
<td>
<input type=”text” name=”txturl” size=”20″/>
</td>

</tr>
<tr>
<td>11</td>
<td>Hobby</td>
<td>:</td>
<td>&nbsp;</td>

</tr>
<tr>
<td>&nbsp;</td>
<td>
<textarea name=”txthobby” cols=”30″ rows=”5″></textarea>
</td>
<td>&nbsp;</td>
<td>&nbsp;</td>

</tr>
<tr>
<td>12</td>
<td>Interest</td>
<td>:</td>
<td><input type=”checkbox” />Komputer<input type=”checkbox” />Sport<input type=”checkbox” />Traveling<input type=”checkbox” />Writing<input type=”checkbox” />Reading</td>

</tr>
</table>
<input type=”submits” name=”btnSimpan” value=”SIMPAN” />
<input type=”reset” name=”btnReset” value=”RESET”/>
</form>
</body>
</html>

3.Kalo gak ada masalah nanti nya seperti ini :

Semoga bermanfaat

Standar

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s