[TUTORIAL 2] Tutorial Membuat Form Login

-
Langkah pertama seperti biasa buka netbeans -> new project -> php application.



Keterangan:
  • Seperti biasa pada bagian head memuat title dan link-link untuk mendefiniskan file-file atau resource apa yang kita butuhkan. Contohnya seperti bootstrap atau file style.css

Keterangan:
  • Pada bagian body kita membuat form untuk login
  • Form ini berisikan field username dengan type email dan password dengan type password juga.
  • Lalu kita beri fitur remeber me.
  • Pada baris 64 merupakan sintaks untuk membuat button dengan style bootstrap.
  • Dibawah button kita beri fitur forgot password.

Nah... Jika kode diatas sudah dituliskan semua makan ketika dirun tampilannya akan seperti gambar di bawah ini


Komentar

Posting Komentar

Postingan populer dari blog ini

[TUTORIAL 5] Tutorial Menampilkan Data di Database Pada HTML Dengan Tabel

-
Gambar
Oke kali ini saya bakal kasih tutorial menampilkan database pada html dengan tabel langsung aja eksekusi sekarang. Pertama kita buat dulu databasenya dengan nama field dan tipe data sebagai berikut: Kemudian kita memberi hak akses terhadap tabel users, eksekusi masing-masing barisnya satu per satu Langkah selanjutnya membuat project baru di netbeans. Lalu buat folder dan susun file seperti pada gambar dibawah ini Oke.. Yang pertama kita buat file di index.php. Ketikkan sintaks berikut Pada baris ke 11 terdapat sintaks yang memanggil file dao.php. Baris ke 15 s/d 29 berfungsi untuk menampilkan data dengan tabel. Selanjutnya kita membuat file dbconfig.php     Pada DB_HOST,DB_USER dst kita tulis persis seperti hak akses yang kita tulis pada database mysql tadi     Pada dbconfig ini berfungsi untuk membuat koneksi ke database.     File dao ini terdapat bahasa query untuk menampilkan data pada databa...
Baca selengkapnya

[TUTORIAL 1] Tutorial Membuat Struktur HTML Sederhana

-
Gambar
Langkah pertama seperti biasa buka netbeans -> new project -> php application. Lalu ketikkan sintak dibawah ini. Keterangan : Pada bagian head terdapat title yang berfungsi menampilkan teks pada tab browser. Selanjutnya pada baris ke 5 adalah untuk menampilkan gambar kecil pada tab browser. Pada baris ke 6, kita mendefinisikan atau memanggil bootstrap. Lalu pada bagian Header di baris ke 12 fungsinya untuk menampilkan navigasi di bagian atas halaman HTML. Baris ke 16 s/d 18 merupakan bagian teks dari navigasi. Kemudian dibawahnya ketikkan sintak berikut. Keterangan: Pada bagian ini adalah konten atau isi yang akan dibuat di website kita. Meliputi bagian artikel kemudian judul, sub judul dan isi artikel. Keterangan: Bagian ini merupakan side bar yang terletak pada samping kanan/kiri website. Keterangan: Bagian terakhir yaitu footer yang terletak di paling bawah sendiri. Biasanya memuat pembuat web. Nah... Jika kode d...
Baca selengkapnya

Tutorial Sederhana Bahasa Web dengan HTML5

-
Pandai HTML5 Tutorial HTML5 Cara Membuat Teks Berjalan Selamat Datang Blog Seputar Duni IT dan Coding Selamat Mencoba Cara membuat TeksBox dengan tombol Cari Cara membuat pilihan Tanggal Cara membuat TeksArea kirim cara mengintegrasikan video youtube pada html5 Membutuhkan koneksi internet cara membuat Check box dengan label Pria Wanita Mengenal text formatting Tebal Miring Garis Bawah Cara membuat link di html5 Buka Link disini Buka link disini di halaman baru Cara Membuat Dropdown List Kamen Rider Drank Kabuto dengan beberapa pilihan Selamat Belajar dan Mencoba Cara Membuat Datalist Pilih Kategori Level Anda: sorcecode dapat di link berikut: Klik Disini
Baca selengkapnya