API tools faq
paste
Guest User

index

a guest
Oct 9th, 2021
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Form Kuliah Offline</title>
  8.     <script src="script.js"></script>
  9.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  10.     <link rel="stylesheet" href="style.css"/>
  11.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
  12. </head>
  13. <body>
  14.     <div class="form-container">
  15.         <div class="formulir">
  16.             <h1>Formulir Persetujuan Kuliah Offline</h1>
  17.             <form autocomplete="off" name="ptm" onsubmit="return validateForm();">
  18.                 <div class="form-content">
  19.                     <label>Nama Lengkap</label>
  20.                     <input type="text" name="nama" placeholder="Nama" class="form-control" maxlength="50">
  21.                 </div>
  22.                 <div class="form-content">
  23.                     <label>NRP</label>
  24.                     <input type="text" name="nrp" placeholder="NRP" class="form-control" maxlength="14" minlength="14">
  25.                 </div>
  26.                 <div class="form-content">
  27.                     <label>Alamat</label>
  28.                     <input type="text" name="alamat" placeholder="Alamat" class="form-control">
  29.                 </div>
  30.                 <div class="form-content">
  31.                     <label>Email</label>
  32.                     <input type="text" name="email" placeholder="Email" class="form-control">
  33.                 </div>
  34.                 <div class="form-content">
  35.                     <label>Fakultas</label>
  36.                     <select name="fakultas" id="fakultas" class="form-control" required>
  37.                             <option value="0">Fakultas</option>
  38.                             <option value="creabiz">CREABIZ</option>
  39.                             <option value="indsys">INDSYS</option>
  40.                             <option value="electics">ELECTICS</option>
  41.                             <option value="civplan">CIVPLAN</option>
  42.                             <option value="martech">MARTECH</option>
  43.                             <option value="scientics">SCIENTICS</option>
  44.                     </select>
  45.                     <label>Jurusan</label>
  46.                     <select name="jurusan" id="jurusan" class="form-control" required>
  47.                             <option value="">Jurusan</option>
  48.                     </select>
  49.                 </div>
  50.                 <div class="form-content">
  51.                     <label>Status Vaksin :</label>
  52.                     <br>
  53.                     <input type="radio" name="status_vaksin" value="Belum" required> Belum Vaksin<br>
  54.                     <input type="radio" name="status_vaksin" value="Sudah1"> Dosis-1<br>
  55.                     <input type="radio" name="status_vaksin" value="Sudah2"> Dosis-2<br>
  56.                 </div>
  57.                 <div class="form-content">
  58.                     <label>Status Penyintas :</label>
  59.                     <br>
  60.                     <input type="radio" name="status_penyintas" value="Iya" required> Penyintas<br>
  61.                     <input type="radio" name="status_penyintas" value="Tidak"> Bukan Penyintas<br>
  62.                     <br>
  63.                 </div>
  64.                 <button type="submit" class="btn">Submit</button>
  65.             </form>
  66.         </div>
  67.     </div>
  68. </body>
  69.  
  70. <script>
  71.     $(document).ready(function() {
  72.  
  73.         $("#fakultas").change(function() {
  74.             var val = $(this).val();
  75.             if (val == "creabiz") {
  76.                 $("#jurusan").html(
  77.                     "<option value='MB'>Manajemen Bisnis</option><option value='DESPRO'>Desain Produk Industri</option><option value='MT'>Manajemen Teknologi</option><option value='DESINT'>Desain Interior</option><option value='DEVSTUD'>Studi Pembangunan</option><option value='DKV'>DKV</option>");
  78.             } else if (val == "indsys") {
  79.                 $("#jurusan").html(
  80.                     "<option value='TI'>Teknik Industri</option><option value='TM'>Teknik Mesin</option><option value='TK'>Teknik Kimia</option><option value='TF'>Teknik Fisika</option><option value='Mamet'>Teknik Material dan Metalurgi</option>");
  81.             } else if (val == "electics") {
  82.                 $("#jurusan").html(
  83.                     "<option value='TC'>Teknik Informatika</option><option value='SI'>Sistem Informasi</option><option value='TInformasi'>Teknologi Informasi</option><option value='TE'>Teknik Elektro</option><option value='TB'>Teknik Biomedik</option><option value='Tekkom'>Teknik Komputer</option>");
  84.             } else if (val == "civplan") {
  85.                 $("#jurusan").html(
  86.                     "<option value='PWK'>Perancangan Wilayah Kota</option><option value='Arsi'>Arsitektur</option><option value='Teksip'>Teknik Sipil</option><option value='Tekling'>Teknik Lingkunga</option><option value='Geomat'>Teknik Geomatika</option><option value='Geofis'>Teknik Geofisika</option>");
  87.             } else if (val == "martech") {
  88.                 $("#jurusan").html(
  89.                     "<option value='Tekpal'>Teknik Perkapalan</option><option value='Tekla'>Teknik Kelautan</option><option value='Transla'>Teknik Transportasi Laut</option>");
  90.             } else if (val == "scientics") {
  91.                 $("#jurusan").html(
  92.                     "<option value='Biologi'>Biologi</option><option value='Aktuaria'>Aktuaria</option><option value='Mat'>Matematika</option><option value='Statistik'>Statistika</option><option value='Kimia'>Kimia</option><option value='Fisika'>Fisika</option>");
  93.             }
  94.         });
  95.     });
  96. </script>
  97.  
  98. </html>
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!