Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 6933|回复: 0

[默认分类] html简单登录页面代码

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-6-16 10:55:11 | 显示全部楼层 |阅读模式


    图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了)
    代码如下
      
    1. <html>
    2. <head>
    3. <title>test</title>
    4. </head>
    5. <body >
    6. <fieldset>
    7. <table background="images\bg_img1.jpg " width="933" height="412">
    8. <tr height="170">
    9. <td width="570px"> </td>
    10. <td> </td>
    11. </tr>
    12. <tr>
    13. <td> </td>        
    14. <td><table>
    15. <form method ="POST" action="http://localhost:8080/test/hello.html?login=%B5%C7%C2%BC" name="frmLogin"  >
    16. <tr>
    17. <td>用户名:</td>
    18. <td><input type="text" name="username" value="Your name" size="20" maxlength="20" onfocus="if (this.value=="Your name")  this.value="";" /></td>
    19. <td > </td>
    20. <td> </td>
    21. </tr>
    22. <tr>
    23. <td>密  码:</td>
    24. <td><input type="password" name="password" value="Your password" size="20" maxlength="20" onfocus="if (this.value=="Your password")  this.value="";" /></td>
    25. <td> </td>
    26. <td> </td>
    27. </tr>
    28. <tr>
    29. <td>验证码:</td>
    30. <td><input type="text" size="" name="inputcode" value="Your code" onfocus="if (this.value=="Your code")  this.value="";" /></td>
    31. <td><img src="images\bg_img2.gif" alt="打不开网页"> </td>
    32. <td><a href="#" onclick="shuaxin();">刷新</a></td>
    33. </tr>
    34. <tr>
    35. <td><input type="checkbox" name="zlogin" value="1">自动登录</td>
    36. </tr>
    37. </table>
    38. </td>
    39.   <tr>
    40.   <td> </td>   
    41.   <td><table>
    42.    <tr>
    43.   <td><input type="submit" name="login" value="登录" onClick="return validateLogin()"/></td>
    44.   <td><input type="reset" name="rs" value="重置"></td>
    45.   <td><input type="button" name="button" value="注册" onclick="location.href="http://localhost:8080/test/zc.html?login=%B5%C7%C2%BC""></td>
    46.   </tr>
    47. </tr>
    48. </table>
    49. </td>
    50. </table>
    51. </fieldset>
    52. </form>
    53. <script language="javascript">
    54.   function validateLogin(){
    55.     var sUserName = document.frmLogin.username.value ;
    56.     var sPassword = document.frmLogin.password.value ;
    57.     var sinputCode =document.frmLogin.inputcode.value ;  
    58.     if ((sUserName =="") || (sUserName=="Your name")){
    59.      alert("请输入用户名!");
    60.      return false ;
    61.     }
    62.      
    63.     if ((sPassword =="") || (sPassword=="Your password")){
    64.      alert("请输入密码!");
    65.      return false ;
    66.     }
    67.     if ((sinputCode =="") || (sinputCode=="Your code")){
    68.         alert("请输入验证码!");
    69.         return false ;
    70.        }
    71.    }
    72.   </script>
    73. </body>
    74. </html>
    复制代码




      
    执行后如图???







    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-4-20 05:46 , Processed in 0.382303 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表