<html>
<head>
<title></title>
<style>
body {
background-color: gray;
}
.halaman {
margin: 0 auto;
width: 500px;
padding: 20px;
border: 1px solid black;
background-color: white;
box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.halaman input[type="text"],
.halaman input[type="number"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.halaman input[type="submit"] {
background-color: cyan;
border: 1px solid black;
width: 125px;
height: 30px;
cursor: pointer;
}
.halaman input[type="submit"]:hover {
background-color: rgb(0, 200, 200);
}
.halaman input[type="reset"] {
background-color: rgb(255, 0, 0);
border: 1px solid black;
width: 125px;
height: 30px;
cursor: pointer;
}
.halaman input[type="reset"]:hover {
background-color: rgb(200, 0, 0);
color: white;
}
.halaman p,
.halaman h2 {
font-family: arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<form method="get" action="hasil.php">
<div class="halaman">
<h2>Input barang</h2>
<p>Nama produk: </p><input type="text" name="NamaProduk" required><br>
<p
>Harga
: </p
><input type
="number" name
="Harga" min="0" required
><br
> <p>Url Gambar: </p><input type="text" name="Gambar" required><br>
<p
>stok
: </p
><input type
="number" name
="Stok" min="0" required
><br
> <input type="submit" value="Kirim">
<input type="reset" value="Reset">
</div>
</form>
</body>
</html>
PGh0bWw+CiAgICA8aGVhZD4KICAgICAgICA8dGl0bGU+PC90aXRsZT4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIGJvZHkgewogICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogZ3JheTsKICAgICAgICAgICAgfQogICAgICAgICAgICAuaGFsYW1hbiB7CiAgICAgICAgICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICAgICAgICAgIHdpZHRoOiA1MDBweDsKICAgICAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7CiAgICAgICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBibGFjazsKICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMnB4IDJweCAycHggcmdiYSgwLDAsMCwwLjgpOwogICAgICAgICAgICB9CiAgICAgICAgICAgIC5oYWxhbWFuIGlucHV0W3R5cGU9InRleHQiXSwKICAgICAgICAgICAgLmhhbGFtYW4gaW5wdXRbdHlwZT0ibnVtYmVyIl0gewogICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICAgICAgICBwYWRkaW5nOiAxMHB4OwogICAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTVweDsKICAgICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7CiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7CiAgICAgICAgICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgLmhhbGFtYW4gaW5wdXRbdHlwZT0ic3VibWl0Il0gewogICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogY3lhbjsKICAgICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOwogICAgICAgICAgICAgICAgd2lkdGg6IDEyNXB4OwogICAgICAgICAgICAgICAgaGVpZ2h0OiAzMHB4OwogICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICAgICAgICB9CiAgICAgICAgICAgIC5oYWxhbWFuIGlucHV0W3R5cGU9InN1Ym1pdCJdOmhvdmVyIHsKICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigwLCAyMDAsIDIwMCk7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgLmhhbGFtYW4gaW5wdXRbdHlwZT0icmVzZXQiXSB7CiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAwLCAwKTsKICAgICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOwogICAgICAgICAgICAgICAgd2lkdGg6IDEyNXB4OwogICAgICAgICAgICAgICAgaGVpZ2h0OiAzMHB4OwogICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICAgICAgICB9CiAgICAgICAgICAgIC5oYWxhbWFuIGlucHV0W3R5cGU9InJlc2V0Il06aG92ZXIgewogICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIwMCwgMCwgMCk7CiAgICAgICAgICAgICAgICBjb2xvcjogd2hpdGU7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgLmhhbGFtYW4gcCwKICAgICAgICAgICAgLmhhbGFtYW4gaDIgewogICAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IGFyaWFsLCAgSGVsdmV0aWNhLCBzYW5zLXNlcmlmOwogICAgICAgICAgICB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvaGVhZD4KICAgIDxib2R5PgogICAgICAgIDxmb3JtIG1ldGhvZD0iZ2V0IiBhY3Rpb249Imhhc2lsLnBocCI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImhhbGFtYW4iPgogICAgICAgICAgICAgICAgPGgyPklucHV0IGJhcmFuZzwvaDI+CiAgICAgICAgICAgICAgICA8cD5OYW1hIHByb2R1azogPC9wPjxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJOYW1hUHJvZHVrIiByZXF1aXJlZD48YnI+CiAgICAgICAgICAgICAgICA8cD5IYXJnYTogPC9wPjxpbnB1dCB0eXBlPSJudW1iZXIiIG5hbWU9IkhhcmdhIiBtaW49IjAiIHJlcXVpcmVkPjxicj4KICAgICAgICAgICAgICAgIDxwPlVybCBHYW1iYXI6IDwvcD48aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0iR2FtYmFyIiByZXF1aXJlZD48YnI+CiAgICAgICAgICAgICAgICA8cD5zdG9rOiA8L3A+PGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iU3RvayIgbWluPSIwIiByZXF1aXJlZD48YnI+CiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0ic3VibWl0IiB2YWx1ZT0iS2lyaW0iPgogICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9InJlc2V0IiB2YWx1ZT0iUmVzZXQiPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Zvcm0+CiAgICA8L2JvZHk+CjwvaHRtbD4=
<html>
<head>
<title></title>
<style>
body {
background-color: gray;
}
.halaman {
margin: 0 auto;
width: 500px;
padding: 20px;
border: 1px solid black;
background-color: white;
box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.halaman input[type="text"],
.halaman input[type="number"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.halaman input[type="submit"] {
background-color: cyan;
border: 1px solid black;
width: 125px;
height: 30px;
cursor: pointer;
}
.halaman input[type="submit"]:hover {
background-color: rgb(0, 200, 200);
}
.halaman input[type="reset"] {
background-color: rgb(255, 0, 0);
border: 1px solid black;
width: 125px;
height: 30px;
cursor: pointer;
}
.halaman input[type="reset"]:hover {
background-color: rgb(200, 0, 0);
color: white;
}
.halaman p,
.halaman h2 {
font-family: arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<form method="get" action="hasil.php">
<div class="halaman">
<h2>Input barang</h2>
<p>Nama produk: </p><input type="text" name="NamaProduk" required><br>
<p>Harga: </p><input type="number" name="Harga" min="0" required><br>
<p>Url Gambar: </p><input type="text" name="Gambar" required><br>
<p>stok: </p><input type="number" name="Stok" min="0" required><br>
<input type="submit" value="Kirim">
<input type="reset" value="Reset">
</div>
</form>
</body>
</html>