html简单登录页面代码「建议收藏」

html简单登录页面代码「建议收藏」图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了)代码如下<html><head><title>tes

大家好,又见面了,我是你们的朋友全栈君。原文地址为:
html简单登录页面代码

图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了)

代码如下

<html>
<head>
<title>test</title> 
</head>
<body >
<fieldset>
<table background="images\bg_img1.jpg " width="933" height="412">
 <tr height="170">
 <td width="570px"> </td>
 <td> </td>
 </tr> 
 <tr>
<td> </td>        
<td><table>
<form method ="POST" action="http://localhost:8080/test/hello.html?login=%B5%C7%C2%BC" name="frmLogin"  >
 <tr>
 <td>用户名:</td>
 <td><input type="text" name="username" value="Your name" size="20" maxlength="20" οnfοcus="if (this.value=='Your name')  this.value='';" /></td>
 <td > </td>
 <td> </td>
 </tr>
 <tr>
 <td>密  码:</td>
 <td><input type="password" name="password" value="Your password" size="20" maxlength="20" οnfοcus="if (this.value=='Your password')  this.value='';" /></td>
 <td> </td>
 <td> </td>
 </tr>
 <tr>
 <td>验证码:</td>
 <td><input type="text" size="" name="inputcode" value="Your code" οnfοcus="if (this.value=='Your code')  this.value='';" /></td>
 <td><img src="images\bg_img2.gif" alt="打不开网页"> </td>
 <td><a href="#" οnclick="shuaxin();">刷新</a></td>
 </tr>
 <tr>
 <td><input type="checkbox" name="zlogin" value="1">自动登录</td>
 </tr>
 </table>
 </td>
  <tr>
  <td> </td>   
  <td><table>
   <tr>
  <td><input type="submit" name="login" value="登录" onClick="return validateLogin()"/></td>
  <td><input type="reset" name="rs" value="重置"></td>
  <td><input type="button" name="button" value="注册" οnclick="location.href='http://localhost:8080/test/zc.html?login=%B5%C7%C2%BC'"></td>
  </tr>
 </tr>
 </table>
 </td>
 </table>
</fieldset>
</form>
<script language="javascript">
  function validateLogin(){
    var sUserName = document.frmLogin.username.value ;
    var sPassword = document.frmLogin.password.value ;
    var sinputCode =document.frmLogin.inputcode.value ;  
    if ((sUserName =="") || (sUserName=="Your name")){
     alert("请输入用户名!");
     return false ;
    }
     
    if ((sPassword =="") || (sPassword=="Your password")){
     alert("请输入密码!");
     return false ;
    }
    if ((sinputCode =="") || (sinputCode=="Your code")){
        alert("请输入验证码!");
        return false ;
       }
   } 
  </script>
</body>
</html>

执行后如图???


html简单登录页面代码「建议收藏」

转载请注明本文地址:
html简单登录页面代码

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/130731.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 内存分配与回收策略

    内存分配与回收策略

  • 查看python版本多少位的「建议收藏」

    查看python版本多少位的「建议收藏」正常我们在cmd终端输入python之后,如果有安装python,就会在回车之后出来关于你安装的python版本信息,几版本,多少位的,但是还有一种,像我这样只显示了python版本是3.7.5,并没

  • php sigpipe,Python的SIGPIPE信号「建议收藏」

    php sigpipe,Python的SIGPIPE信号「建议收藏」Haveyoueverseenasocket.error:[Errno32]BrokenpipemessagewhenrunningaPythonWebserverandwonderedwhatthatmeans?Theruleisthatwhenaprocesstriestowritetoasocketthathasalre…

  • Android版MT4使用方法,安卓版手机MT4使用手册「建议收藏」

    Android版MT4使用方法,安卓版手机MT4使用手册「建议收藏」一、安卓Android系统MT4下载安装1、下载安装:用户在安卓市场(应用市场)里直接输入MT4、“外汇交易软件”、“外汇交易系统”等进行搜索,选择左边图片中的软件后下载安装。(请认准下方标志)(MT4官方标志)2、登录:在成功安装后,会自动转跳到右图中的页面,客户根据自己的实际情况,选择登录模拟还是真实账户进行登录。3、选择服务器:客户需要在搜索框里输入“onef”系统会自动搜索出欧…

  • wing是什么_nativepage原理

    wing是什么_nativepage原理给定 n 本书,编号为 1∼n。在初始状态下,书是任意排列的。在每一次操作中,可以抽取其中连续的一段,再把这段插入到其他某个位置。我们的目标状态是把书按照 1∼n 的顺序依次排列。求最少需要多少次操作。输入格式第一行包含整数 T,表示共有 T 组测试数据。每组数据包含两行,第一行为整数 n,表示书的数量。第二行为 n 个整数,表示 1∼n 的一种任意排列。同行数之间用空格隔开。输出格式每组数据输出一个最少操作次数。如果最少操作次数大于或等于 5 次,则输出 5 or more。每个

  • kindeditor配置syntaxhighlighter…「建议收藏」

    kindeditor配置syntaxhighlighter…「建议收藏」kindeditor默认是prettify,我行号没弄出来,换了syntaxhighlighter,下面是配置的代码。。。 kindeditortest body{ font-family:”MicrosoftYaHei”; } #editor{ word-wrap:break-word; } #ContentSubm

    2022年10月11日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号