编程求助

求用HTML做一个登陆页面

正在寻***Lv.2 注册会员发表于 2022-6-11 · 最后回复 2023-11-12 IP:广东省 2,633 6

求用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