Dr_U

formVaksin_HTML

Oct 19th, 2021
751
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Belajar Form Validation</title>
  5.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  6.     <link rel="stylesheet" href="style.css">
  7. </head>
  8. <header>
  9.     <div class="kotak"></div>
  10.     <div class="jarak"></div>
  11.     <h4>
  12.         <img src="Logo ITS.png" alt="logoIts" height="100" width="100">
  13.         VALIDASI VAKSIN COVID
  14.     </h4>
  15. </header>
  16. <style>
  17.     body{
  18.        
  19.         background-image: url(BG.jpg);
  20.         background-repeat: no-repeat;
  21.         background-size:cover;
  22.        
  23.     }
  24. </style>
  25. <body>
  26.     <div class="dsc">
  27.         <p>
  28.             Pengisian form dibutuhkan sebagai syarat untuk melakukan pembelajaran secara tatap muka langsung
  29.         </p>
  30.     </div>
  31.     <div class="jarak"></div>
  32.     <div class="container" style="max-width: 600px;">
  33.         <form name="formPendaftaran" >
  34.             <div class="form-group">
  35.                 <label>Nama lengkap</label>
  36.                 <input type="text" name="nama" placeholder="Nama lengkap" class="form-control">
  37.             </div>
  38.             <div class="form-group">
  39.                 <label>NRP </label>
  40.                 <input type="text" name="NRP" placeholder="NRP Mahasiswa" class="form-control">
  41.             </div>
  42.             <div class="form-group">
  43.                 <label>Asal Daerah </label>
  44.                 <input type="text" name="ASAL" placeholder="Kota, Provinsi" class="form-control">
  45.             </div>
  46.             <div class="form-group">
  47.                 <label>Alamat KTP </label>
  48.                 <textarea class="form-control" name="Alamat" id="alm" rows="3" style="margin-top: 0px; margin-bottom: 0px; height: 95px;"></textarea>
  49.             </div>
  50.             <div class="form-group">
  51.                 <label>Jurusan</label>
  52.                 <select name="jurusan" class="form-control">
  53.                     <option value="0">Pilih Jurusan</option>
  54.                     <option value="1">Informatika</option>
  55.                     <option value="2">Sistem Informasi</option>
  56.                     <option value="3">Teknologi Informasi</option>
  57.                 </select>
  58.             </div>
  59.             <div class="form-group">
  60.                 <label>Status Vaksininasi</label>
  61.                 <select name="jurusan" class="form-control">
  62.                     <option value="0">Belum Vaksin</option>
  63.                     <option value="1">Vaksin 1</option>
  64.                     <option value="2">Vaksin 2</option>
  65.                     <option value="3">Takut Paksin</option>
  66.                 </select>
  67.             </div>
  68.             <div class="form-group">
  69.                 <label>Email</label>
  70.                 <input type="email" name="email" placeholder="Email Aktif" class="form-control">
  71.                 <small id="emailHelp" class="form-text text-muted">Email Akan Digunakan Untuk Mengirimkan Notifikasi.</small>
  72.             </div>
  73.             <button type="submit" class="btn btn-primary " >SUBMIT</button>
  74.            
  75.         </form>
  76.     </div>
  77. </body>
  78. <footer>
  79.     <div class="jarak2"></div>
  80.     @Copyright Baru Buat 2021
  81. </footer>
  82. </html>
RAW Paste Data