Advertisement
daniramadhan7

Pendaftaran-Siswa form-daftar.php

Dec 6th, 2021
1,070
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.  
  9.     <!-- Bootstrap CSS -->
  10.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  11.        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  12.  
  13.     <title>Formulir Pendaftaran Siswa Baru | SMK Coding</title>
  14. </head>
  15.  
  16. <body>
  17.     <div class="mx-auto" style="width: 50%; margin-top: 5%;">
  18.         <!-- Centered element -->
  19.         <header>
  20.             <h3>Formulir Pendaftaran Siswa Baru</h3>
  21.         </header>
  22.         <br>
  23.  
  24.         <form action="proses-pendaftaran.php" method="POST">
  25.  
  26.             <fieldset>
  27.                 <div class="mb-3">
  28.                     <label for="nama" class="form-label">Nama</label>
  29.                     <input type="text" class="form-control" id="nama" name="nama" placeholder="Nama lengkap" />
  30.                 </div>
  31.  
  32.                 <div class="mb-3">
  33.                     <label for="alamat" class="form-label">Alamat</label>
  34.                     <input type="text" class="form-control" id="alamat" name="alamat" placeholder="Alamat" />
  35.                 </div>
  36.  
  37.                 <div class="mb-3">
  38.                     <label for="jenis_kelamin" class="form-label">Jenis Kelamin</label>
  39.                     <label><input type="radio" name="jenis_kelamin" value="Laki-laki">Laki-laki</label>
  40.                     <label><input type="radio" name="jenis_kelamin" value="perempuan">Perempuan</label>
  41.                 </div>
  42.  
  43.                 <div class="mb-3">
  44.                     <label for="agama" class="form-label">Agama</label>
  45.                     <select name="agama" class="form-control">
  46.                         <option>Islam</option>
  47.                         <option>Kristen</option>
  48.                         <option>Hindu</option>
  49.                         <option>Budha</option>
  50.                     </select>
  51.                 </div>
  52.  
  53.                 <div class="mb-3">
  54.                     <label for="sekolah_asal">Sekolah Asal </label>
  55.                     <input type="text" class="form-control" name="sekolah_asal" id="sekolah_asal"
  56.                        placeholder="Nama sekolah" />
  57.                 </div>
  58.  
  59.                 <div class="mb-3">
  60.                     <input type="submit" class="btn btn-primary" name="daftar" />
  61.                 </div>
  62.             </fieldset>
  63.  
  64.             <!-- <fieldset>
  65.  
  66.                <p>
  67.                    <label for="nama">Nama: </label>
  68.                    <input type="text" name="nama" placeholder="nama lengkap" />
  69.                </p>
  70.                <p>
  71.                    <label for="alamat">Alamat: </label>
  72.                    <textarea name="alamat"></textarea>
  73.                </p>
  74.                <p>
  75.                    <label for="jenis_kelamin">Jenis Kelamin: </label>
  76.                    <label><input type="radio" name="jenis_kelamin" value="laki-laki"> Laki-laki</label>
  77.                    <label><input type="radio" name="jenis_kelamin" value="perempuan"> Perempuan</label>
  78.                </p>
  79.                <p>
  80.                    <label for="agama">Agama: </label>
  81.                    <select name="agama">
  82.                        <option>Islam</option>
  83.                        <option>Kristen</option>
  84.                        <option>Hindu</option>
  85.                        <option>Budha</option>
  86.                        <option>Atheis</option>
  87.                    </select>
  88.                </p>
  89.                <p>
  90.                    <label for="sekolah_asal">Sekolah Asal: </label>
  91.                    <input type="text" name="sekolah_asal" placeholder="nama sekolah" />
  92.                </p>
  93.                <p>
  94.                    <input type="submit" value="Daftar" name="daftar" />
  95.                </p>
  96.  
  97.            </fieldset> -->
  98.  
  99.         </form>
  100.     </div>
  101. </body>
  102.  
  103. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement