帮我用HTML写个简单的登陆系统
具体是下面的：用户名：（这里是输入的框）密码：（这里是输入的框）提交重置在框里输入123，密码输入321，按了提交后在页面就会显示如下：张三密码输入成功登入...
具体是下面的：
用户名：（这里是输入的框）
密码：（这里是输入的框）
提交 重置
在框里输入123，密码输入321，按了提交后
在页面就会显示如下：
张三
密码输入成功登入 展开
用户名：（这里是输入的框）
密码：（这里是输入的框）
提交 重置
在框里输入123，密码输入321，按了提交后
在页面就会显示如下：
张三
密码输入成功登入 展开
1个回答
展开全部
把如下代码复制，并保存为 test.htm ，用IE浏览器打开它，就可以看到你所需要的效果了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function login()
{
if (document.form1.username.value=="123" && document.form1.password.value=="321")
{
document.write("用户名：张三，密码输入成功登入。");
return false;
}
else
{
alert("用户名和/或密码输入错误！");
document.form1.username.focus();
return false;
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="javascript:return login();">
<p>
用户名：
<input name="username" type="text" id="username" />
</p>
<p>
密 码：
<input name="password" type="text" id="password" />
</p>
<p> </p>
<p>
<input type="submit" name="Submit" value="提交"/>
<input name="reset" type="reset" id="reset" value="重置" />
</p>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function login()
{
if (document.form1.username.value=="123" && document.form1.password.value=="321")
{
document.write("用户名：张三，密码输入成功登入。");
return false;
}
else
{
alert("用户名和/或密码输入错误！");
document.form1.username.focus();
return false;
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="javascript:return login();">
<p>
用户名：
<input name="username" type="text" id="username" />
</p>
<p>
密 码：
<input name="password" type="text" id="password" />
</p>
<p> </p>
<p>
<input type="submit" name="Submit" value="提交"/>
<input name="reset" type="reset" id="reset" value="重置" />
</p>
</form>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
