简单网页登陆代码html

 

制作简单网页登陆代码html

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gbk” />
<title>用户登录</title>
<style type=”text/css”>
html{font-size:12px;}
fieldset{width:520px; margin: 0 auto;}
legend{font-weight:bold; font-size:14px;}
label{float:left; width:70px; margin-left:10px;}
.left{margin-left:80px;}
.input{width:150px;}
span{color: #666666;}
</style>
<script language=JavaScript>
<!–

function InputCheck(LoginForm)
{
if (LoginForm.username.value == “”)
{
alert(“请输入用户名!”);
LoginForm.username.focus();
return (false);
}
if (LoginForm.password.value == “”)
{
alert(“请输入密码!”);
LoginForm.password.focus();
return (false);
}
}

//–>
</script>
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart=”return false”>

<div>
<fieldset>
<legend>用户登录</legend>
<form name=”LoginForm” method=”p” action=”index.html” onSubmit=”return InputCheck(this)”>
<p>
<label for=”username” class=”label”>用户名:</label>
<input id=”username” name=”username” type=”text” class=”input” />
<p/>
<p>
<label for=”password” class=”label”>密 码:</label>
<input id=”password” name=”password” type=”password” class=”input” />
<p/>
<p>
<input type=”submit” name=”submit” value=” 确 定 ” class=”left” />
</p>
</form>
</fieldset>
</div>
<html>

简单网页登陆配置

成为第一个发表评论的人

发表评论

您的电子邮件地址不会被公开.


*