Software Engineering || SMK Negeri 1 Mejayan

Tuesday, January 20, 2015

Membuat Form Register Sederhana Dengan Bootstrap

Form register berfungsi untuk registrasi / mendaftar sebuah account. Biasanya inputan yang dibutuhkan adalah input nama/username dan password. Ada juga yang menggunakan inputan e-mail untuk masuk dalam sebuah akun.
Nah , sekarang saya akan menulis bagaimana cara membuat form register tersebut menggunakan script bootstrap dan html.
Ekskusi hasilnya adalah seperti ini :




Baiklah , langsung saja. Ini adalah cara membuatnya :
  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>Register Area</title>.
  4. Ganti script berikut :



          menjadi :


     4. Ganti script ini juga :


         menjadi :


    5. Edit script nya seperti ini :






     4. Simpan dan jalankan program nya di browser.

Maaf kalo ada kekurangannya. Selamat mencoba....





0 komentar:

Post a Comment