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


Related Posts:

  • Mengganti Tema pada ownCloud Melanjutkan posting kemarin , saya  akan menulis tentang cara mengganti tema (theme) pada ownCloud. Caranya sangat mudah sekali ,  1. Down… Read More
  • ownCloud User Manual Kalian dapat mengakses file ownCloud Anda dengan interface web ownCloud dan menciptakan, pratinjau, mengedit, menghapus, berbagi, dan re-share file.… Read More
  • ownCloud User Manual 2 Melanjutkan posting-an kemarin tentang ownCloud user manual atau mengelola ownCloud kali ini akan dilanjutkan mengenai pengolahan lebih lanjut. A. M… Read More
  • Mengubah Themes Pada Wordpress Sebagai CMS OpenSource Wordpress bisa diubah-ubah theme-nya sesuai dengan kebutuhan. Theme-nya bisa didownload pada website resminya. 1. Buka Wordpr… Read More
  • Install Xibo Digital Signage A. SOFTWARE REQUIRMENTS Webserver (Apache2) MySQL PHP5 PHP5 GD PHP5 Mcrypt Jika belum meng-install PHP5 GD dan PHP5 Mcrypt , install dulu dengan c… Read More

0 komentar:

Post a Comment