Shortcutid.com

Membuat Form Register Sederhana Dengan Bootstrap – Semoga anda terbantu dengan isi dari Posting ini. Oke saya akan menjelaskan dan memberi Tips dan Trik pembuat Form Register Sederhana Dengan Bootstrap  yang pastinya sangat membatu para Coders . tanpa basa basi lagi yuk simak selengkapnya dibawah ini.

langsung saja silahkan teman-teman buat markup html nya dan jangan lupa load css dan javascript bootstrap nya jangan lupa juga file jquery nya
nah untuk script nya silahkan salin di bawah ini dan letakan di body html teman-teman

 <div class="container-fluid">
    <section class="container">
  <div class="container-page">    
   <div class="col-md-6">
    <h3 class="dark-grey">Registration</h3>
    
    <div class="form-group col-lg-12">
     <label>Username</label>
     <input type="" name="" class="form-control" id="" value="">
    </div>
    
    <div class="form-group col-lg-6">
     <label>Password</label>
     <input type="password" name="" class="form-control" id="" value="">
    </div>
    
    <div class="form-group col-lg-6">
     <label>Repeat Password</label>
     <input type="password" name="" class="form-control" id="" value="">
    </div>
        
    <div class="form-group col-lg-6">
     <label>Email Address</label>
     <input type="" name="" class="form-control" id="" value="">
    </div>
    
    <div class="form-group col-lg-6">
     <label>Repeat Email Address</label>
     <input type="" name="" class="form-control" id="" value="">
    </div>   
    
    <div class="col-sm-6">
     <input type="checkbox" class="checkbox" />Sigh up for our newsletter
    </div>

    <div class="col-sm-6">
     <input type="checkbox" class="checkbox" />Send notifications to this email
     
    </div> 
                
               <p>
                 <div class="col-sm-2">
                <button type="submit" class="btn btn-primary">Register</button>
                </div>
                </p>
   
   </div>

   <div class="col-md-6">
    <h3 class="dark-grey">Ketentuan Login Di Juragancoding.com</h3>
   
    <p>
     Dilarang nyepam apalgi pos hanya beberapa baris
    </p>
    <p>
     gunakan akun secara bijak
    </p>
    <p>
     pastikan anda berakal sehat
    </p>
    
    
   </div>
  </div>
 </section>
</div> 

Nah setelah itu teman-teman simpan dan lihat hasil nya maka akan seperti di bawah ini