API tools faq
paste
prasatu

Tugas PemWeb 2

prasatu
Mar 13th, 2017
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.26 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.     <title>Tugas PemWeb 2</title>
  4.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.9/semantic.min.css">
  5.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  6.     <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.9/semantic.min.js"></script>
  7. </head>
  8. <body>
  9. <div class="ui container">
  10.     <form class="ui form">
  11.         <h2 class="ui dividing header">Formulir Pendaftaran</h2>
  12.         <div class="field">
  13.             <label>Nama</label>
  14.             <div class="two fields">
  15.                 <div class="field">
  16.                     <input type="text" name="namaDepan" placeholder="Depan">
  17.                 </div>
  18.                 <div class="field">
  19.                     <input type="text" name="namaBelakang" placeholder="Belakang">
  20.                 </div>
  21.             </div>
  22.         </div>
  23.         <div class="field">
  24.             <label>Tanggal Lahir</label>
  25.             <div class="three fields">
  26.                 <div class="field">
  27.                     <select class="ui fluid search dropdown" name="TanggalLahir">
  28.                         <option value="">Tanggal</option>
  29.                         <option value="1">1</option>
  30.                         <option value="2">2</option>
  31.                         <option value="3">3</option>
  32.                         <option value="4">4</option>
  33.                         <option value="5">5</option>
  34.                         <option value="6">6</option>
  35.                         <option value="7">7</option>
  36.                         <option value="8">8</option>
  37.                         <option value="9">9</option>
  38.                         <option value="10">10</option>
  39.                         <option value="11">11</option>
  40.                         <option value="12">12</option>
  41.                         <option value="13">13</option>
  42.                         <option value="14">14</option>
  43.                         <option value="15">15</option>
  44.                         <option value="16">16</option>
  45.                         <option value="17">17</option>
  46.                         <option value="18">18</option>
  47.                         <option value="19">19</option>
  48.                         <option value="20">20</option>
  49.                         <option value="21">21</option>
  50.                         <option value="22">22</option>
  51.                         <option value="23">23</option>
  52.                         <option value="24">24</option>
  53.                         <option value="25">25</option>
  54.                         <option value="26">26</option>
  55.                         <option value="27">27</option>
  56.                         <option value="28">28</option>
  57.                         <option value="29">29</option>
  58.                         <option value="30">30</option>
  59.                         <option value="31">31</option>
  60.                     </select>
  61.                 </div>
  62.                 <div class="field">
  63.                     <select class="ui fluid search dropdown" name="BulanLahir">
  64.                         <option value="">Bulan</option>
  65.                         <option value="Januari">Januari</option>
  66.                         <option value="Februari">Februari</option>
  67.                         <option value="Maret">Maret</option>
  68.                         <option value="April">April</option>
  69.                         <option value="Mei">Mei</option>
  70.                         <option value="Juni">Juni</option>
  71.                         <option value="Juli">Juli</option>
  72.                         <option value="Agustus">Agustus</option>
  73.                         <option value="September">September</option>
  74.                         <option value="Oktober">Oktober</option>
  75.                         <option value="November">November</option>
  76.                         <option value="Desember">Desember</option>
  77.                     </select>
  78.                 </div>
  79.                 <div class="field">
  80.                     <select class="ui fluid search dropdown" name="TahunLahir">
  81.                         <option value="">Tahun</option>
  82.                         <option value="1990">1990</option>
  83.                         <option value="1991">1991</option>
  84.                         <option value="1992">1992</option>
  85.                         <option value="1993">1993</option>
  86.                         <option value="1994">1994</option>
  87.                         <option value="1995">1995</option>
  88.                         <option value="1996">1996</option>
  89.                         <option value="1997">1997</option>
  90.                         <option value="1998">1998</option>
  91.                         <option value="1999">1999</option>
  92.                         <option value="2000">2000</option>
  93.                     </select>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.         <div class="field">
  98.             <label>Jenis Kelamin</label>
  99.             <div class="field">
  100.                 <select class="ui fluid search dropdown" name="JenisKelamin">
  101.                     <option value="">Jenis Kelamin</option>
  102.                     <option value="Laki-laki">Laki-laki</option>
  103.                     <option value="Perempuan">Perempuan</option>
  104.                 </select>
  105.             </div>
  106.         </div>
  107.         <div class="field">
  108.             <label>Program Studi</label>
  109.             <div class="field">
  110.                 <input type="text" name="Prodi" placeholder="e.g Pend. Dokter, Matematika, Ekonomi, dll">
  111.             </div>
  112.         </div>
  113.         <div class="field">
  114.             <label>NIM</label>
  115.             <div class="field">
  116.                 <input type="text" name="NIM" placeholder="Nomor Induk Mahasiswa">
  117.             </div>
  118.         </div>
  119.         <div class="field">
  120.             <label>Alamat</label>
  121.             <div class="field">
  122.                 <input type="text" name="Alamat" placeholder="Alamat">
  123.             </div>
  124.         </div>
  125.         <div class="field">
  126.             <label>Motivasi mendaftar</label>
  127.             <textarea name="Motivasi" placeholder="Tulis motivasimu"></textarea>
  128.         </div>
  129.         <button class="ui primary basic button" onclick="javascript:alert('Terimakasih Sudah Mendaftar :)')">Daftar
  130.         </button>
  131.     </form>
  132. </div>
  133. <script>
  134.     $('select.dropdown')
  135.             .dropdown()
  136.     ;
  137. </script>
  138. </body>
  139. </html>
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!