UID364392
性别保密
经验 EP
铁粒 粒
回帖0
主题
精华
在线时间 小时
注册时间2022-4-11
最后登录1970-1-1
|
求用HTML做一个登陆页面qwq
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>login</title>
</head>
<body>
<h1>登录</h1>
<form>
账号:<input type="text" name="name">
密码:<input type="password" name="password">
</form>
<button type="button" onclick="find()">登录</button>
<script>
function find(){
var search_name = document.getElementById("search_name").value;
var password = localStorage.getItem(search_password);
var find_result = document.getElementById("find_result");
find_result.innerHTML = search_site + "test" + siteurl;
}
</script>
<h1>注册</h1>
<form>
账号:<input type="text" name="name">
密码:<input type="password" name="password">
</form>
<button type="button" onclick="save()">注册</button>
<script>
function save(){
var password = document.getElementById("password").value;
var name = document.getElementById("name").value;
localStorage.setItem(name, password);
alert("注册成功");
}
function loadAll(){
var list = document.getElementById("list");
if(localStorage.length>0){
var result = "<table border='1'>";
result += "<tr><td>key</td><td>value</td></tr>";
for(var i=0;i<localStorage.length;i++){
var name = localStorage.key(i);
var password = localStorage.getItem(password);
result += "<tr><td>"+name+"</td><td>"+password+"</td></tr>";
}
result += "<table></table>";
list.innerHTML = result;
}else{
list.innerHTML = "数据为空……";
}
}
</script>
</body>
</html>
这是我做的,失败了qaq
|
|