Software Engineering || SMK Negeri 1 Mejayan

Wednesday, January 21, 2015

Membuat Form Login Sederhana Menggunakan Bootstrap

Form Login berguna untuk masuk (login) pada sebuah akun yang telah dibuat. Inputan yang biasanya diperlukan adalah input Email atau Username dan Password. Sekarang saya akan menulis cara membuat form login dengan aplikasi bootstrap dan html.

File ekskusinya adalah seperti ini :


Mari langsung aja baca cara-caranya ya...
  1. Buka website resmi bootstrap di http://getbootstrap.com/getting-started/ , kemudian cari script Basic Template copy aja script nya , tapi misalkan mau ketik/coding sendiri ya silahkan..
  2. Letakkan / paste script tadi pada text editor kalian (notepad++ , dreamweaver , dll). Simpan dengan exstensi .html.

      3. Ganti judulnya di tag <title> </title>. Terserah mau dibuat apa. Tapi disini saya membuat judul           <title>Member Login</title>
      4. Ganti script berikut :


          Menjadi :



     5. Ganti script ini juga ya..


        Dengan :


    6. Kemudian edit scriptnya tadi menjadi seperti ini :
        Script <head></head> :


        Script <body>


        Script <form></form>. Script ini masih dalam tag <body> loh ya..


      Script akhir 


     7. Simpan dan jalankan programnya di browser. 

  
Kira-kira seperti itulah cara pembuatan sebuah form login menggunakan bootstrap dan html. Selamat Mencoba...
Maaf jika ada banyak kekurangan...

Sumber : Youtube


0 komentar:

Post a Comment