1.javascript html 设计一个登录界面
javascript html 设计一个登录界面
注册页面代码：<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
<form method="post" onsubmit="return false" id="form">
<input type="text" name="username" placeholder="用户名"><br>
<input type="password" name="password" placeholder="密码"><br>
<input type="password" name="rePassword" placeholder="再次输入密码"><br>
<input type="submit" onclick="register_user()" value="注册"><br>
</form>
<a href="login.html">去登录</a>
<script>
var localDB = openDatabase('localDB',登登录 '1.0', 'Test DB', 2 * * );
localDB.transaction(function (ts) {
ts.executeSql('CREATE TABLE IF NOT EXISTS user(username,password)')
});
function register_user() {
var username = document.getElementsByTagName("input")[0].value;
var password = document.getElementsByTagName("input")[1].value;
var rePassword = document.getElementsByTagName("input")[2].value;
if(password != rePassword)
{
alert("两次输入的密码不同，请重新输入");
}else
{
localDB.transaction(function(ts){
ts.executeSql("INSERT INTO user (username,录界魔兽编程源码怎么用password) VALUES ('"+username+"','"+password+"');");
alert("注册成功");
});
}
}
</script>
</body>
</html>
登录页面代码：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<form onsubmit="return false" method="post">
<input type="text" placeholder="用户名"><br>
<input type="password" placeholder="密码"><br>
<input type="submit" value="登录" onclick="login()"><br>
</form>
<a href="register.html">去注册</a>
<script>
var localDB = openDatabase('localDB', '1.0', 'Test DB', 2 * * );
localDB.transaction(function (ts) {
ts.executeSql("SELECT * FROM user",[],function (tx, results) {
var len = results.rows.length;
if(len<=0)
{
localDB.transaction(function (ts) {
ts.executeSql('CREATE TABLE IF NOT EXISTS user(username,password)')
});
}
});
});
function login() {
var username = document.getElementsByTagName("input")[0].value;
var password = document.getElementsByTagName("input")[1].value;
localDB.transaction(function (ts) {
ts.executeSql("SELECT * FROM user WHERE username='"+username+"';",[],function (ts, res) {
if(res.rows.length<=0)
{
alert("登录失败，用户未注册");
}else if (password == res.rows[0].password)
{
alert("登录成功,面源码下回落幅度指标源码三秒后跳转到百度");
setInterval(function () {
location.href = "";
},);
}else
{
alert("登录失败，密码错误");
}
});
})
}
</script>
</body>
</html>
以上代码使用了WEB SQL，界面件远程问诊平台源码还请选择合适的源码招聘平台源码查询浏览器查看。
下载乐游电玩源码下载乐游电玩源码
下载乐游电玩源码下载乐游电玩源码
