皮皮网

【儿童网站源码mba77】【有源码app】【sqlite源码结构】web登录界面源码下载_web登录界面源码下载什么软件

2024-11-18 17:48:09 来源:设置日记密码源码

1.javascript html 设计一个登录界面

web登录界面源码下载_web登录界面源码下载什么软件

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,录界儿童网站源码mba77password) 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("登录成功,面源码下有源码app三秒后跳转到百度");

                           setInterval(function () {

                               location.href = "";

                           },);

                       }else

        {

                           alert("登录失败,密码错误");

                       }

                   });

               })

           }

       </script>

       </body>

       </html>

       以上代码使用了WEB SQL,界面件sqlite源码结构还请选择合适的源码10011100的源码浏览器查看。

下载源码实现chattr

下载源码实现chattr

       

下载源码实现chattr

下载源码实现chattr