Pernahkah anda berpikir bahwa untuk membuat sebuah form login harus mengerti dasar php dan mysql? iya memang benar harus mengerti dasar php dan mysql namun, tanpa anda sadari sebenarnya ada metode alternatif untuk membuat sebuah form login tanpa harus mengerti sintaks php dan paham tentang mysql.
Seperti apa cara kerjanya? disini saya akan membagikan cara membuat form login menggunakan html atau lebih dikenal sebagai cara membuat form login html
Sebelum kita memulai step-step untuk membuat sebuah form login, kita harus memiliki teks editor terlebih dahulu. Mengapa demikian? karena saya sangat tidak menyarankan di notepad untuk membuat sebuah koding seperti form login ini. Silahkan anda download teks editor nya dibawah ini yang saya sarankan pilih saja salah satu.
Baiklah mari kita mulai langkah-langkahnya
~ Pertama-pertama buka teks editor yang sudah anda install tadi.
~ Kedua silahkan masukan sintaks ini di teks editor anda
<script language="javascript">
function pasuser(form) {
if (form.id.value=="JavaScript") {
if (form.pass.value=="Kit") {
location="page2.html"
} else {
alert("Invalid Password")
}
} else { alert("Invalid UserID")
}
}
</script>
Saya akan beri penjelasan sedikit untuk kode diatas ini
~ Keempat silahkan save hasil pekerjaan anda tadi dengan format .html dan silahkan di uji coba.- if(form.id.value=="JavaScript") : Menunjukkan bahwa username kita ini adalah JavaScript anda bisa menggantinya dengan username yang anda inginkan.
- if (form.pass.value=="Kit") : Menunjukkan bahwa password kita ini adalah Kit anda bisa menggantinya dengan password yang anda inginkan.
- location="page2.html" : Setelah anda login ini akan meredirect ke halaman page2.html, silahkan ganti sesuai yang anda inginkan.
- alert("Invalid Password") : Bila anda saat login memasukkan password yang salah maka peringatan ini akan muncul, silahkan ubah kata-kata yang muncul sesuai dengan keinginan anda.
- dan yang terakhir alert("Invalid UserID") : Bila anda saat login memasukkan username yang salah maka peringatan ini akan muncul, silahkan ubah kata-kata yang muncul sesuai dengan keinginan anda
~ Ketiga silahkan tambahkan sintaks ini di teks editor anda yang paling bawah setelah sintaks sebelumnya
<center>
<table bgcolor="white" cellpadding="12" border="1">
<tr><td colspan="2"><center><h1><i><b>Login
Area</b></i></h1></center></td></tr>
<tr><td><h1><i><b>UserID:</b></i></h1></td><td><form name="login"><input
name="id" type="text"></td></tr>
<tr><td><h1><i><b>Password:</b></i></h1></td><td><input name="pass"
type="password"></td></tr>
<tr><td><center><input type="button" value="Login"
onClick="pasuser(this.form)"></center></td><td><center><br><input
type="Reset"></form></td></tr></table></center>
Kesimpulan akhir adalah ini adalah sebuah form login yang menggunakan javascript dan html tanpa ada tambahan php dan server mysql, bisa dijalankan langsung di browser tanpa harus menggunakan server apache namun kelemahannya adalah script ini masih kurang dibandingkan dengan versi php nya.
Semoga ilmu yang saya bagikan bisa bermanfaat untuk anda, dan bila ada pertanyaan jangan ragu untuk menggunakan kolom komentar dibawah ini.
Sumber Referensi : Javascriptkit
Emoticon