API tools faq
paste
humaidi

latihan 1 membuat formulir dengan php

humaidi
Sep 25th, 2023 (edited)
525
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.42 KB | Source Code | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.     <title>Form Pembelian Komputer</title>
  5.     <style>
  6.         body {
  7.             font-family: Arial, sans-serif;
  8.             background-color: #f2f2f2;
  9.             margin: 0;
  10.             padding: 0;
  11.         }
  12.  
  13.         table {
  14.             margin: 20px auto;
  15.             border-collapse: collapse;
  16.             background-color: #fff;
  17.             border-radius: 5px;
  18.             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  19.         }
  20.  
  21.         th,
  22.         td {
  23.             padding: 10px;
  24.             border-bottom: 1px solid #ccc;
  25.         }
  26.  
  27.         th {
  28.             background-color: #007bff;
  29.             color: #fff;
  30.         }
  31.  
  32.         input[type="text"],
  33.         input[type="number"] {
  34.             padding: 10px;
  35.             margin: 5px 0;
  36.             border: 1px solid #ccc;
  37.             border-radius: 3px;
  38.         }
  39.  
  40.         select {
  41.             width: 100%;
  42.             padding: 10px;
  43.             margin: 5px 0;
  44.             border: 1px solid #ccc;
  45.             border-radius: 3px;
  46.         }
  47.  
  48.         label {
  49.             display: inline-block;
  50.             width: 150px;
  51.             font-weight: bold;
  52.         }
  53.  
  54.         input[type="radio"] {
  55.             margin-right: 5px;
  56.         }
  57.  
  58.         input[type="submit"] {
  59.             background-color: #007bff;
  60.             color: #fff;
  61.             border: none;
  62.             padding: 10px 75px;
  63.             border-radius: 3px;
  64.             font-size: 19px;
  65.             cursor: pointer
  66.         }
  67.  
  68.         input[type="submit"]:hover {
  69.             background-color: #0056b3;
  70.         }
  71.     </style>
  72. </head>
  73.  
  74. <body>
  75.     <?php
  76.    // Inisialisasi variabel
  77.    $nama = $email = $jenisKelamin = $tipeKomputer = $jumlahUnit = "";
  78.  
  79.    // Memproses formulir jika dikirim
  80.    if ($_SERVER["REQUEST_METHOD"] == "POST") {
  81.        $nama = $_POST["nama"];
  82.        $email = $_POST["email"];
  83.        $jenisKelamin = $_POST["jenisKelamin"];
  84.        $tipeKomputer = $_POST["tipe"];
  85.        $jumlahUnit = $_POST["jumlah"];
  86.    }
  87.    ?>
  88.  
  89.     <form action="#" method="post">
  90.         <h2 style="text-align: center;">Form Pembelian Komputer</h2>
  91.         <table>
  92.             <tr>
  93.                 <th colspan="2">Informasi Pembelian</th>
  94.             </tr>
  95.             <tr>
  96.                 <td><label for="nama">Nama Lengkap:</label></td>
  97.                 <td><input type="text" id="nama" name="nama" required></td>
  98.             </tr>
  99.             <tr>
  100.                 <td><label for="email">Email:</label></td>
  101.                 <td><input type="text" id="email" name="email" required></td>
  102.             </tr>
  103.             <tr>
  104.                 <td><label for="jenisKelamin">Jenis Kelamin:</label></td>
  105.                 <td>
  106.                     <input type="radio" id="laki" name="jenisKelamin" value="Laki-laki" required>
  107.                     <label for="laki">Laki-laki</label>
  108.                     <br>
  109.                     <input type="radio" id="perempuan" name="jenisKelamin" value="Perempuan" required>
  110.                     <label for="perempuan">Perempuan</label>
  111.                 </td>
  112.             </tr>
  113.             <tr>
  114.                 <td><label for="tipe">Tipe Komputer:</label></td>
  115.                 <td>
  116.                     <select id="tipe" name="tipe">
  117.                         <option value="Desktop">Desktop</option>
  118.                         <option value="Laptop">Laptop</option>
  119.                         <option value="All-in-One">All-in-One</option>
  120.                     </select>
  121.                 </td>
  122.             </tr>
  123.             <tr>
  124.                 <td><label for="jumlah">Jumlah Unit:</label></td>
  125.                 <td><input type="number" id="jumlah" name="jumlah" min="1" required></td>
  126.             </tr>
  127.         </table>
  128.         <center>
  129.             <input type="submit" value="Submit">
  130.         </center>
  131.     </form>
  132.  
  133.     <?php
  134.    // Menampilkan data setelah formulir dikirim
  135.    if ($_SERVER["REQUEST_METHOD"] == "POST") {
  136.        echo '<hr>';
  137.         echo '<table style="margin: 0 auto;">';
  138.         echo "<tr><th colspan='2'> Informasi Pembelian</th></tr>";
  139.         echo "<tr><td>Nama Lengkap:</td><td>$nama</td></tr>";
  140.         echo "<tr><td>Email:</td><td>$email</td></tr>";
  141.         echo "<tr><td>Jenis Kelamin:</td><td>$jenisKelamin</td></tr>";
  142.         echo "<tr><td>Tipe Komputer:</td><td>$tipeKomputer</td></tr>";
  143.         echo "<tr><td>Jumlah Unit:</td><td>$jumlahUnit</td></tr>";
  144.         echo '</table>';
  145.     }
  146.     ?>
  147. </body>
  148.  
  149. </html>
Tags: latihan 1
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!