rezamalik15

contoh form bootsrap

Jun 4th, 2023 (edited)
1,163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.44 KB | None | 0 0
  1. <div class="container">
  2.  
  3.     <h1>Formulir Pendaftaran Akun</h1>
  4.  
  5.     <form action="">
  6.        
  7.         <div class="mb-3 col-12 col-md-4">
  8.             <label for="name" class="form-label">Nama Lengkap</label>
  9.             <input
  10.             type="text"
  11.             name="name"
  12.             id="name"
  13.             placeholder="Masukkan nama lengkap"
  14.             class="form-control">
  15.         </div>
  16.  
  17.         <div class="mb-3 col-12 col-md-4">
  18.             <label for="pob" class="form-label">Tempat Lahir</label>
  19.             <input
  20.             type="text"
  21.             name=""
  22.             id="pob"
  23.             placeholder="Masukkan kota tempat lahir"
  24.             class="form-control">
  25.         </div>
  26.  
  27.         <div class="mb-3 col-12 col-md-4">
  28.             <label for="dob" class="form-label">Tangga Lahir</label>
  29.             <input
  30.             type="date"
  31.             name="dob"
  32.             id="dob"
  33.             class="form-control">
  34.         </div>
  35.  
  36.         <div class="mb-3 col-12 col-md-4">
  37.             <label for="address" class="form-label">Alamat</label>
  38.             <textarea
  39.             name="address"
  40.             id="address"
  41.             placeholder="Masukkan alamat lengkap"
  42.             class="form-control" rows="3"></textarea>
  43.         </div>
  44.  
  45.         <div class="mb-3 col-12 col-md-4">
  46.             <label for="phone" class="form-label">Nomor Telepon</label>
  47.  
  48.             <div class="input-group">
  49.                 <span class="input-group-text">+62</span>
  50.                 <input
  51.                 type="text"
  52.                 name="phone"
  53.                 id="phone"
  54.                 placeholder="812-3456-789"
  55.                 class="form-control">
  56.             </div>
  57.         </div>
  58.  
  59.         <div class="mb-3 col-12 col-md-4">
  60.             <input
  61.             type="submit"
  62.             value="Daftar"
  63.             class="btn btn-primary col-12">
  64.         </div>
  65.  
  66.     </form>
  67.  
  68. </div>
Advertisement
Add Comment
Please, Sign In to add comment