★简洁美观的用户登录页面(检测用户名/密码存在)★

请勿抄袭本页面

---

代码说明

没有过多的修饰，以我的磨登录为演示，若用户名/密码为空则弹窗提示，其实也没什么大的用处。转自源码爱好者

---

html代码

<form name="loginform" method="post" name="reg" action="https://s.wodemo.com/"> <input type="hidden" name="action" value="login"> <p>磨盘帐号：<input id="username" tabIndex="1" name="username"></p> <p>登录密码：<input id="password" tabIndex="2" type="password" name="userpass" autocomplete="off"></p> <input id="submit" tabIndex="5" onclick="return checkform()" border="0" src="http://www.codefans.net/jscss/demoimg/201404/dl.gif" type="image" name="submit"> </form> <script> <!-- function checkform() { if(loginform.username.value == '') { alert('请输入登陆账号！'); loginform.username.focus(); return false; } if(loginform.pwd.value == '') { alert('请输入登陆密码！'); loginform.pwd.focus(); return false; } } //--> </script>

---

代码演示

磨盘账号：

登录密码：

---

[代码仅供参考，转载请注明出处]

---