Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

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

BERI KOMENTAR

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel :)
 

Back to Top