Selamat pagi,kali ini Programming Bambang Sulistio bakal menghadirkan bagaimana cara membuat form sederhana di HTML, karena sebelum bergerak ke PHP, tentu kita harus tau dulu tag-tag HTML dan kawan-kawannya :). Nah form kali ini belum masuk ke PHP dulu ya masih sebatas forming di HTML.
Nah,saya yakin kalau anda sudah sangat mahir dalam menguasai tag-tag HTML, seperti tag Form,Table, (TR,TD),Input button,Submit button dlsb. Jadi. langsung aja ya... Ini adalah contoh hasil jadinya... :D
Berikut Script Lengkapnya
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Form Pemesanan Bambang Sulistio's Store</title>
</head>
<body>
<h1>Form Pemesanan</h1>
<form method="post" action="prosesorder.php">
<table cellpadding="1">
<tr bgcolor="silver" >
<td width="200">Item</td>
<td width="10" align="center">Jumlah</td>
</tr>
<tr>
<td width="200">Laptop</td>
<td><input name="laptop" type="text" size="3" maxlength="2" /></td>
</tr>
<tr>
<td width="200">Personal Computer</td>
<td><input name="pc" type="text" size="3" maxlength="2" /></td>
</tr>
<tr>
<td width="200">Blackberry</td>
<td><input name="bb" type="text" size="3" maxlength="2" /></td>
</tr>
<tr bgcolor="aqua">
<td colspan="2" align="center"><input name="Submit1" type="submit" value="submit" /></td>
</tr>
</table>
</form>
</body>
</html>
Untuk menampilkannya, tentu pada action prosesorder.php kita harus membuat scriptnya, misal ketika di klik submit akan keluar tampilan sebagai berikut.
Berikut script yang dibuat di file prosesorder.php
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Konfirmasi Form Order</title>
</head>
<body>
<h1>Form Pemesanan</h1>
<h2> Hasil Pemesanan</h2>
<p> Pemesanan Berhasil Dilakukan</p>
</body>
</html>
Ok, sekali lagi script script diatas belum menggunakan tag PHP dalam pembuatannya, di tutorial selanjutnya nanti akan kita coba. Oke. This is it. Membuat Form Sederhana...
{ 0 comments... read them below or add one }
Posting Komentar