Advertisement
ali602

form-daftar-anggota.php

May 15th, 2024
714
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 2.12 KB | Source Code | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Formulir Pendaftaran Anggota Perpustakaan | SMK Gamelab Indonesia</title>
  5. </head>
  6. <style>
  7. input[type=text], select {
  8.   width: 100%;
  9.   padding: 7px 15px;
  10.   margin: 8px 0;
  11.   display: inline-block;
  12.   box-shadow: 3px 3px 5px grey;
  13.   border: 2px solid #ccc;
  14.  border-radius: 4px;
  15.   font-size: 14px;
  16.   box-sizing: border-box;
  17. }
  18.  
  19. textarea {
  20.   width: 100%;
  21.   height: 150px;
  22.   padding: 7px 15px;
  23.   box-sizing: border-box;
  24.   box-shadow: 3px 3px 5px grey;
  25.   border: 2px solid #ccc;
  26.  border-radius: 4px;
  27.   font-size: 14px;
  28.   resize: none;
  29. }
  30.  
  31. input[type=submit] {
  32.   width: 100%;
  33.   background-color: #4CAF50;
  34.  color: white;
  35.   padding: 14px 20px;
  36.   box-shadow: 3px 3px 5px #4CAF50;
  37.  margin: 8px 0;
  38.   border: none;
  39.   border-radius: 4px;
  40.   cursor: pointer;
  41.   font-size:20px;
  42. }
  43.  
  44. input[type=submit]:hover {
  45.   background-color: grey;
  46. }
  47.  
  48. div {
  49.   border-radius: 5px;
  50.   background-color: #f2f2f2;
  51.  padding: 10px;
  52. }
  53.  
  54. </style>
  55. <body>
  56.     <header>
  57.         <h1>Formulir Pendaftaran Anggota Baru</h1>
  58.     </header>
  59.     <div>
  60.     <form action="proses-tambah-anggota.php" method="POST">
  61.        
  62.         <fieldset>
  63.        
  64.         <p>
  65.            
  66.             <label for="nama">Nama: </label>
  67.             <input type="text" name="nama" placeholder="Nama lengkap" />
  68.         </p>
  69.         <p>
  70.             <label for="alamat">Alamat: </label>
  71.             <textarea name="alamat" placeholder="Alamat lengkap"></textarea>
  72.         </p>
  73.         <p>
  74.             <label for="jenis_kelamin">Jenis Kelamin: </label>
  75.             <label><input type="radio" name="jenis_kelamin" value="laki-laki"> Laki-laki</label>
  76.             <label><input type="radio" name="jenis_kelamin" value="perempuan"> Perempuan</label>
  77.         </p>
  78.         <p>
  79.             <label for="agama">Agama: </label>
  80.             <select name="agama">
  81.                 <option>Islam</option>
  82.                 <option>Kristen</option>
  83.                 <option>Hindu</option>
  84.                 <option>Budha</option>
  85.                 <option>Atheis</option>
  86.             </select>
  87.         </p>
  88.         <p>
  89.             <label for="asal_sekolah">Sekolah Asal: </label>
  90.             <input type="text" name="asal_sekolah" placeholder="Nama asal sekolah" />
  91.         </p>
  92.         <p>
  93.             <input type="submit" value="Daftar" name="daftar" />
  94.         </p>
  95.        
  96.         </fieldset>
  97.    
  98.     </form>
  99.     </div>
  100.     </body>
  101. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement