Prak 6

Praktikum :6
Judul Praktikum : Membuat Form
A. Dasar Teori
Form adalah salah satu tag HTML yang dipakai untuk penempatan inputan yang
akan diisikan oleh user untuk dieksekusi selanjutnya. HTML Form sering digunakan
untuk meminta inputan dari user yang kemudian diproses oleh server side scripting
seperti PHP, JSP, dan sebagainya. Form HTML diapit oleh tag <form> </form>.
Form dalam sebuah HTML juga demikian, terdiri dari bentuk jawaban yang berbeda-
beda, atau biasa disebut dengan elemen. Elemen-elemen form dalam HTML
misalnya berupa button, checkbox, option, select, text, dan textarea. Dua attribut
yang paling sering digunakan dalam penggunaan form adalah :
Action : Nilai dari attribut ini menunjukkan lokasi dari file pemrosesan dari
form inputan. Dapat berupa relatif URI, contoh folderX/file1.php atau absolut
URI, contohhttp://contoh.com/file1.php.
Method : Nilai dari attribut yang menentukan metode data yang dikirimkan ke
file pemroses, apakah melalui metode GET atau POST. <form
action=file1.php method=POST>
...
</form>
B. Praktikum
1. Form Data Pengunjung
Input
<html>
<head>
<title> Membuat From</title>
</head>
<body bgcolor=black>
<b><center><font face=Arial Rounded MT Bold color=gray size=30> SISTEM
INFORMASI MANAJEMEN RESTORAN </font></center></b> <br>
<b><center><font face=Arial Rounded MT Bold color=gray size=30> Data
Pengunjung: </font></center></b> <br>
<form method="post" action="data.html">

<center><table bgcolor=grey border=1 cellpadding=20 cellspacing=20 width=40%>
<tr bgcolor=pink> <td>ID : </td> <td><input type="text" name="nama"
size="50"></td> </tr>
<tr bgcolor=pink> <td>NAMA : </td> <td><input type="text" name="alamat"
size="50"> </td> </tr>
<tr bgcolor=pink> <td colspan=2><div align="center"><input type="submit"
value="Simpan" name="t1"> <input type="reset" value="Reset" name="t2"></td>
</tr>
</table></center>
</form>
</body>
</html>
Output
2. Form Data Admin
Input
<html>
<head>
</head>
<body bgcolor=Lightcoral>
b><center><font face=Arial Rounded MT Bold color=Sienna size=30> SISTEM
<b><center><font face=Arial Rounded MT Bold color=Sienna size=30> Data
Admin: </font></center></b> <br>
<center><table bgcolor=Peachpuff border=1 cellpadding=20 cellspacing=20
width=40%>
<tr bgcolor=Sandybrown> <td>ID_Admin : </td> <td><input type="text"
name="nama" size="50"></td> </tr>
<tr bgcolor=Sandybrown> <td>NAMA : </td> <td><input type="text"
name="alamat" size="50"> </td> </tr>
<tr bgcolor=Sandybrown> <td>Alamat : </td> <td><input type="text"
<tr bgcolor=Sandybrown> <td colspan=2><div align="center"><input type="submit"
</tr>
</table></center>
</form>
</body>
</html>
Output
3. Form Data Suplier
Input
<html>
<head>
</head>
<body bgcolor=hotpink>
b><center><font face=Arial Rounded MT Bold color=blue size=30> SISTEM
<b><center><font face=Arial Rounded MT Bold color=blue size=30> Data Suplier:
</font></center></b> <br>

<center><table bgcolor=goldenrod border=1 cellpadding=20 cellspacing=20
width=40%>
<tr bgcolor=indianred> <td>ID : </td> <td><input type="text" name="id"
size="50"></td> </tr>
<tr bgcolor=indianred> <td>NAMA : </td> <td><input type="text" name="nama"
size="50"> </td> </tr>
<tr bgcolor=indianred> <td>ALAMAT : </td> <td><input type="text"
<tr bgcolor=indianred> <td>NO_TELP : </td> <td><input type="text"
name="no_telp" size="50"> </td> </tr>
<tr bgcolor=indianred> <td colspan=2><div align="center"><input type="submit"
</tr>
</table></center>
</form>
</body>
</html>
Output
4. Form Data Kasir
Input
<html>
<head>
</head>
<body bgcolor=Lightskyblue>
b><center><font face=Arial Rounded MT Bold color=Darkred size=30> SISTEM
<b><center><font face=Arial Rounded MT Bold color=Darkred size=30> Data
Kasir: </font></center></b> <br>

<center><table bgcolor= Darkorchid border=1 cellpadding=20 cellspacing=20
width=40%>
<tr bgcolor=pink> <td>ID Kasir : </td> <td><input type="text"
name="ID Kasir" size="40"></td> </tr>
<tr bgcolor=pink> <td>Nama Kasir : </td> <td><input type="text"
name="Nama Kasir" size="40"> </td> </tr>
<tr bgcolor=pink> <td>Alamat Kasir : </td> <td><input type="text"
name="Alamat Kasir" size="40"> </td> </tr>
</tr>
</table></center>
</form>
</body>
</html>
Output
5. Login Admin
Input
<html>
<head>
</head>
<body bgcolor=Lightcoral>
<b><center><font face=Arial Rounded MT Bold color=Sienna size=30> SISTEM
<b><center><font face=Arial Rounded MT Bold color=Sienna size=30> Data
Admin: </font></center></b> <br>
<center><table bgcolor=Peachpuff border=1 cellpadding=20 cellspacing=20
width=40%>
<tr bgcolor=Sandybrown> <td>ID_Admin : </td> <td><input type="text"
name="nama" size="50"></td> </tr>
<tr bgcolor=Sandybrown> <td>Password : </td> <td><input type="text"
name="password" size="50"> </td></tr>
<tr bgcolor=Sandybrown> <td colspan=2><div align="center"><input type="submit"
value="Login" name="t1"> <input type="reset" value="Exit" name="t2"></td> </tr>
</table></center>
</form>
</body>
</html>
Output
6. Login Kasir
Input
<html>
<head>
</head>
<body bgcolor=Lightskyblue>
<b><center><font face=Arial Rounded MT Bold color=Darkred size=30> SISTEM
<b><center><font face=Arial Rounded MT Bold color=Darkred size=30> Data
Kasir: </font></center></b> <br>

<center><table bgcolor= Darkorchid border=1 cellpadding=20 cellspacing=20
width=40%>
<tr bgcolor=pink> <td>ID Kasir : </td> <td><input type="text"
name="ID Kasir" size="40"></td> </tr>
<tr bgcolor=pink> <td>Password : </td> <td><input type="text"
name="Password" size="40"> </td> </tr>
value="Login" name="t1"> <input type="reset" value="Exit" name="t2"></td> </tr>
</table></center>
</form>
</body>
</html>
Output

Prak 6

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Prak 6

Diunggah oleh

Hak Cipta:

Format Tersedia

Praktikum :6

Judul Praktikum : Membuat Form

1. Form Data Pengunjung

<form method="post" action="data.html">

2. Form Data Admin

3. Form Data Suplier

<form method="post" action="data.html">

<form method="post" action="data.html">

<form method="post" action="data.html">

Anda mungkin juga menyukai