HALAMAN LOGIN HOTSPOT HIDEN USERNAME

[ SHARE ] BUANANET, sekalian titip scrip
membuat login user hanya menggunakan satu input box dengan syarat user dan password harus sama, login user bebas bisa melalui user hotspot atau usermanager
Tutor ini hanyak untuk halaman login.html
1. untuk menyembunyikan input box Username ganti type ke hidden
type="hidden"
2.Untuk mengubah semua huruf menjadi huruf kecil
style="text-transform: lowercase;"
3.sekarang kita buat agar ketika user menulis kode voucher hanya cukup sekali dan input otomatis masuk dalam 2 box password dan username
id="textid1"
id="textid2"
Contoh jadi:
=========
<input style="text-transform: lowercase;" type="hidden" placeholder="username" name="username" id="textid1">
<input style="text-transform: lowercase;" type="text" placeholder="code voucher" name="password" id="textid2">
4.fungsi diatas tidak bekerja tanpa bantuan javascript dan Letakan script dibawah ini diatas </body>
<script type="text/javascript">
var input2 = document.getElementById('textid1');
var input1 = document.getElementById('textid2');
var updateInputs = function () {
input2.value = input1.value;
}
if (input1.addEventListener) {
input1.addEventListener('keyup', function () {
updateInputs();
});
} else if (input1.attachEvent) { // support IE
input1.attachEvent('onkeyup', function () {
updateInputs();
});
}
</script>
halaman login kelihatan berbeda dan canggih sebenarnya tidak memerlukan script yang rumit. semoga sukses :D

Read More