Binti Qomariah – Assalamu’alaikum Wr. Wb.
Selamat sore
teman-teman, berjumpa lagi dengan saya nih. Hari ini saya akan membagikan tutorial mengenai pembuatan form login menggunakan html. Seperti biasa, masih polos karena murni menggunakan HTML. Simak ya ..
A. JUDUL KEGIATAN
HTML : Membuat Form Login Polos.
B. PENDAHULUAN
1. Pengertian
Login form adalah area/halaman awal dimana pada halaman login form ini biasanya user ataupun admin akan mengisikan username dan password.
2. Maksud dan Tujuan
Form login hanya dapat diakses atau dibuka oleh pemilik, hal ini dilakukan untuk meminimilisir orang yang tidak bertanggung jawab dapat mengaksesnya. Pada form login, pengguna diminta untuk memasukan username dan password. Bila username dan password tidak sesuai maka program tidak muncul atau tampil, pengguna perlu melakukan login kembali. Namun, kali ini saya hanya membuat form-nya saja.
3. Hasil yang
DiharapkanLogin form adalah area/halaman awal dimana pada halaman login form ini biasanya user ataupun admin akan mengisikan username dan password.
2. Maksud dan Tujuan
Form login hanya dapat diakses atau dibuka oleh pemilik, hal ini dilakukan untuk meminimilisir orang yang tidak bertanggung jawab dapat mengaksesnya. Pada form login, pengguna diminta untuk memasukan username dan password. Bila username dan password tidak sesuai maka program tidak muncul atau tampil, pengguna perlu melakukan login kembali. Namun, kali ini saya hanya membuat form-nya saja.
Dapat membuat form login yang nantinya dapat dikembangkan lagi menjadi login yang sempurna.
4. Latar Belakang
Penggunaan form login diperlukan untuk menjaga keamanan sistem pada
aplikasi maupun website yang dibuat.
C. ALAT DAN BAHAN
- Komputer atau
Laptop.
- Text Editor.
D. URAIAN KEGIATAN
1. Buat sebuah
folder, kali ini saya membuat folder dengan nama form.
Di dalam form, kita buat file bernama login.html.
2. Buka login.html di text editor kita. Kemudian ketikkan :
<!DOCTYPE html><html><head><title></title></head><body></body></html>
3. Dibagian tag <title> ketikkan :
<title>Login</title><link rel="stylesheet" type="text/css" href="css1/style.css">
Title
akan memberi judul browser login kita dengan judul Login. Sedangkan
link akan memanggil file css yang nantinya akan mempercantik tampilan
form login. CSS akan dibahas di bab selanjutnya.
4. Langkah terakhir, save file html tersebut
dan cek di browser kita. Maka, akan tampil seperti ini.
E. KESIMPULAN
Form login dapat dibuat hanya dengan menggunakan html dan css. Jika kita ingin mengembangkannya kita harus menambahkan script php, yang nantinya akan mengeksekusi proses login sampai dengan masuk ke index.
F. MASALAH YANG DIHADAPI
Terdapat kesalahan saat pengkodingan, terkadang kurang beberapa tag penutup maupun pembuka.
G. REFERENSI
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon