Login User Hotspot Hanya Satu Input Box

membuat login user hanya memakai satu input box dengan syarat user dan password harus sama, login user bebas dapat 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 abjad menjadi abjad kecil

style="text-transform: lowercase;" 

3.sekarang kita buat biar saat user menulis arahan 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 sumbangan 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 bahu-membahu tidak memerlukan script yang rumit. semoga sukses :D

Share this post