<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="public1.css" />
</head>
<body>
<form method="get" action="b.html" name="form" onsubmit="return login()">
<p>账号:<input type="text" name="" id="username" /></p>
<p>密码:<input type="text" name="" id="psw" ></p>
<input type="submit" name="" value="登录" />
</form>
<script type="text/javascript">
function login(){
var user = document.getElementById("username").value;
var psw = document.getElementById("psw").value;
if (user=="abc"&&psw=="123") {
alert("登录成功");
}else{
alert("账号或密码输入错误,请重新输入!");
return false;
}
}
</script>
</body>
</html>
追问多谢多谢!这还得再写个public1.css吧?另外怎样才能当登录成功时直接跳转到某个页面呢?
追答不用写,css引入你自己的css就可以,自己写的样式。
在form里面的action就是你要跳转的页面。我随便写了个b.html
追问恩恩,我明白了,现在还有一个细节问题:当输入密码的时候怎么把密码都变成”*“号呢?