Login User Hotspot Hanya Satu Input Box

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

<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