`

毕设简单的登录界面

    博客分类:
  • ajax
阅读更多
Code:
  1. <htmlxmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  4. <title>login in</title>
  5. <styletype="text/css">
  6. <!--
  7. body{
  8. margin-left:0px;
  9. margin-top:0px;
  10. margin-right:0px;
  11. margin-bottom:0px;
  12. background-image:url(static/login_scr/images/login_03.gif);
  13. overflow:hidden;
  14. }
  15. .STYLE3p{font-size:14px;color:#ffffff;font-weight:bold}
  16. .STYLE4a{color:#FFF;}
  17. .STYLE4a:hover{color:#F00;text-decoration:none;}
  18. -->
  19. </style>
  20. <scriptlanguage="javascript">
  21. //<![CDATA[
  22. functioncheckForm(){
  23. var_userName=document.signInForm.userName;
  24. if(_userName.value==""){
  25. alert("必须输入用户名");
  26. _userName.focus();
  27. return;
  28. }
  29. var_userPsw=document.signInForm.password;
  30. if(_userPsw.value==""){
  31. alert("必须输入密码");
  32. _userPsw.focus();
  33. return;
  34. }
  35. var_checkCode=document.signInForm.checkCode;
  36. if(_checkCode.value==""){
  37. alert("必须输入验证码");
  38. _checkCode.focus();
  39. return;
  40. }
  41. varfrom=document.forms[0];
  42. from.submit();
  43. }
  44. functionreset(){
  45. document.signInForm.userName.value="";
  46. document.signInForm.password.value="";
  47. document.signInForm.checkCode.value="";
  48. returntrue;
  49. }
  50. //]]>
  51. </script>
  52. </head>
  53. <bodyclass="STYLE3">
  54. <tablealign="center"cellpadding="0"cellspacing="0">
  55. <tr>
  56. <tdheight="40"></td>
  57. <td></td>
  58. <td></td>
  59. </tr>
  60. <tr>
  61. <td></td>
  62. <tdwidth="625"height="304"background="static/login_scr/images/login_01.jpg"></td>
  63. <td></td>
  64. </tr>
  65. <trvalign="top">
  66. <td></td>
  67. <tdwidth=""height="173"background="static/login_scr/images/login_02.jpg">
  68. <table>
  69. <formaction="index.jsp"method="post"name="signInForm">
  70. <tralign="right">
  71. <tdwidth="115"><p>用户名:</p></td>
  72. <td><inputname="userName"type="text"></td>
  73. <tdclass="STYLE4"><ahref="register/index.jsp">注册</a></td>
  74. </tr>
  75. <tralign="right">
  76. <td><p>密码:</p></td>
  77. <td><inputname="password"type="password"></td>
  78. <td></td>
  79. </tr>
  80. <tralign="right">
  81. <td><p>验证码:</p></td>
  82. <td><inputname="checkCode"type="text"></td>
  83. <td><imgid="img_validation_code"title="看不清可单击图片刷新"src="/zzb/ValidationCode"onclick="this.src='/zzb/ValidationCode?'+Math.random();"alt="刷新"/></td>
  84. </tr>
  85. <tr>
  86. <tdcolspan="3"align="center">
  87. <inputname="login"type="button"onclick="returncheckForm()"value="登陆">
  88. <inputname="reset"type="button"onclick="returnreset()"value="重置">
  89. </td>
  90. </tr>
  91. </form>
  92. </table>
  93. </td>
  94. <td></td>
  95. </tr>
  96. </table>
  97. </body>
  98. </html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics