大家好，又见面了，我是你们的朋友全栈君。原文地址为：
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简单登录页面代码
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/130733.html原文链接：https://javaforall.net
![MySQL 添加索引，删除索引及其用法[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
