Selamat pagi teman-teman, kali ini kita kan belajar membuat form di web, form banyak digunakan di web-web dinamin, teruatama untuk menginputkan data ke dalam database, untuk membuat form menggunakan tag di bawah ini :
----------------------------------------------------------------------------------<html>
<head><title>Belajar membuat form</title></head>
<body>
<form action="....php" method="post">
....
</form>
</body>
</html>
-----------------------------------------------------------------------------------
Selanjutnya kita akan membuat masukan berikut sourcodenya
-----------------------------------------------------------------------------------
<html>
<head><title>Belajar membuat form</title></head>
<body>
<form action="....php" method="post">
NIM : <input type "text" name "nim" size="15"><br>
NAMA : <input type "text" name "nama" size="15"><br>
ALAMAT : <input type "text" name "alamat" size="15"><br>
JENIS KELAMIN : <input type "text" name "jk" size="15"><br>
</form>
</body>
</html>
Dari tag html diatas output yang akan dihasilkan akan seperti di bawah ini
Tapi teman-teman tampilan yang keluarkan tag tersebut terkesan tidak rapi, nah untuk merapikannya disinilah peran dari tabel berfungsi. Teman-teman kita akan merapikan tampilan dari form diatas supaya lebih enak dilihat. berikut tag htmlnya
-----------------------------------------------------------------------------------
<html>
<head><title>Belajar membuat form</title></head>
<body>
<table border="1">
<form action="....php" method="post">
<tr><td>NIM</td> <td>:</td> <td><input type "text" name "nim" size="15"></td></tr>
<tr><td>NAMA </td> <td>:</td> <td><input type "text" name "nama" size="15"></td></tr>
<tr><td>ALAMAT </td> <td>:</td> <td> <input type "text" name "alamat" size="15"></td></tr>
<tr><td>JENIS KELAMIN </td> <td>:</td> <td> <input type "text" name "jk" size="15"></td></tr>
</form>
</table>
</body>
</html>
<html>
<head><title>Belajar membuat form</title></head>
<body>
<table border="1">
<form action="....php" method="post">
<tr><td>NIM</td> <td>:</td> <td><input type "text" name "nim" size="15"></td></tr>
<tr><td>NAMA </td> <td>:</td> <td><input type "text" name "nama" size="15"></td></tr>
<tr><td>ALAMAT </td> <td>:</td> <td> <input type "text" name "alamat" size="15"></td></tr>
<tr><td>JENIS KELAMIN </td> <td>:</td> <td> <input type "text" name "jk" size="15"></td></tr>
</form>
</table>
</body>
</html>
-----------------------------------------------------------------------------------
Ini hasilnya teman-teman :
