fork download
  1. <html>
  2. <head>
  3. <title></title>
  4. <style>
  5. body {
  6. background-color: gray;
  7. }
  8. .halaman {
  9. margin: 0 auto;
  10. width: 500px;
  11. padding: 20px;
  12. border: 1px solid black;
  13. background-color: white;
  14. box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
  15. }
  16. .halaman input[type="text"],
  17. .halaman input[type="number"] {
  18. width: 100%;
  19. padding: 10px;
  20. margin-bottom: 15px;
  21. border: 1px solid #ddd;
  22. border-radius: 4px;
  23. font-size: 14px;
  24. }
  25. .halaman input[type="submit"] {
  26. background-color: cyan;
  27. border: 1px solid black;
  28. width: 125px;
  29. height: 30px;
  30. cursor: pointer;
  31. }
  32. .halaman input[type="submit"]:hover {
  33. background-color: rgb(0, 200, 200);
  34. }
  35. .halaman input[type="reset"] {
  36. background-color: rgb(255, 0, 0);
  37. border: 1px solid black;
  38. width: 125px;
  39. height: 30px;
  40. cursor: pointer;
  41. }
  42. .halaman input[type="reset"]:hover {
  43. background-color: rgb(200, 0, 0);
  44. color: white;
  45. }
  46. .halaman p,
  47. .halaman h2 {
  48. font-family: arial, Helvetica, sans-serif;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <form method="get" action="hasil.php">
  54. <div class="halaman">
  55. <h2>Input barang</h2>
  56. <p>Nama produk: </p><input type="text" name="NamaProduk" required><br>
  57. <p>Harga: </p><input type="number" name="Harga" min="0" required><br>
  58. <p>Url Gambar: </p><input type="text" name="Gambar" required><br>
  59. <p>stok: </p><input type="number" name="Stok" min="0" required><br>
  60. <input type="submit" value="Kirim">
  61. <input type="reset" value="Reset">
  62. </div>
  63. </form>
  64. </body>
  65. </html>
Success #stdin #stdout 0.02s 25956KB
stdin
Standard input is empty
stdout
<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>