Pengertian Sesi 3:Trik Membuat Form Register Sederhana Dengan Bootstrap

Cara Membuat Register Form Dengan Bootstrap


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

About

One thought on “Pengertian Sesi 3:Trik Membuat Form Register Sederhana Dengan Bootstrap

    • Author

      admin

      January 3, 2017 at 7:21am

      Ini untuk sebuah website ka karna masih mengunakan Bootstrap

      Permalink  ⋅ Reply

Your email will not be published. Name and Email fields are required.