fadilzteria

form-daftar 4

Nov 28th, 2018
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.29 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  5.     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  6.     <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  7.     <title>Formulir Pendaftaran Siswa Baru | SMAN 1 Tanjung</title>
  8.     <style type="text/css">
  9.         body {
  10.             background-color: #FFFFCC
  11.         }
  12.     </style>
  13. </head>
  14.  
  15. <body>
  16.     <form class="form-horizontal">
  17.         <header>
  18.             <legend><center>Formulir Pendaftaran Siswa Baru</center></legend>
  19.         </header>
  20.  
  21.         <form action="proses-pendaftaran.php" method="POST">
  22.  
  23.             <fieldset>
  24.  
  25.             <div class="form-group">
  26.                 <label class="col-md-4 control-label" for="nama">Nama*</label>  
  27.                 <div class="col-md-4">
  28.                     <input id="nama" name="nama" placeholder="nama lengkap" class="form-control input-md" required="" type="text">
  29.        
  30.                 </div>
  31.             </div>
  32.            
  33.             <div class="form-group">
  34.                 <label class="col-md-4 control-label" for="alamat">Alamat*</label>  
  35.                 <div class="col-md-6">
  36.                     <input id="alamat" name="alamat" placeholder="alamat" class="form-control input-md" required="" type="text">
  37.        
  38.                 </div>
  39.             </div>
  40.  
  41.             <div class="form-group">
  42.                 <label class="col-md-4 control-label" for="jenis_kelamin">Jenis Kelamin</label>
  43.                 <div class="col-md-4">
  44.                     <select id="jenis_kelamin" name="jenis_kelamin" class="form-control">
  45.                         <option value="Laki-Laki">Laki-Laki</option>
  46.                         <option value="Perempuan">Perempuan</option>
  47.                     </select>
  48.                 </div>
  49.             </div>
  50.            
  51.             <div class="form-group">
  52.                 <label class="col-md-4 control-label" for="agama">Agama</label>
  53.                 <div class="col-md-4">
  54.                     <select id="agama" name="agama" class="form-control">
  55.                         <option value="Islam">Islam</option>
  56.                         <option value="Kristen">Kristen</option>
  57.                         <option value="Hindu">Hindu</option>
  58.                         <option value="Budha">Budha</option>
  59.                         <option value="Atheis">Atheis</option>
  60.                     </select>
  61.                 </div>
  62.             </div>
  63.            
  64.             <div class="form-group">
  65.                 <label class="col-md-4 control-label" for="sekolah_asal">Sekolah Asal*</label>  
  66.                 <div class="col-md-4">
  67.                     <input id="sekolah_asal" name="sekolah_asal" placeholder="nama sekolah" class="form-control input-md" required="" type="text">
  68.        
  69.                 </div>
  70.             </div>
  71.            
  72.             <div class="form-group">
  73.                 <label class="col-md-4 control-label" for="daftar"></label>
  74.                 <div class="col-md-4">
  75.                     <button id="daftar" name="daftar" class="btn btn-primary">Daftar</button>
  76.                 </div>
  77.             </div>
  78.            
  79.             </fieldset>
  80.  
  81.         </form>
  82.     </form>
  83. </body>
  84. </html>
Advertisement
Add Comment
Please, Sign In to add comment