html简单登录页面代码（javascript html 设计一个登录界面）

本文目录

• javascript html 设计一个登录界面
• html登录界面代码
• html网页设计：一个简单的登录界面代码！
• 用html代码编写一个简单的登陆界面
• 用户登录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 * 1024 * 1024);
    localDB.transaction(function (ts) {
        ts.executeSql(’CREATE TABLE IF NOT EXISTS user(username,password)’)
    });
    function register_user() {
        var username = document.getElementsByTagName("input").value;
        var password = document.getElementsByTagName("input").value;
        var rePassword = document.getElementsByTagName("input").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 * 1024 * 1024);
    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").value;
        var password = document.getElementsByTagName("input").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.password)
                {
                    alert("登录成功,三秒后跳转到百度");
                    setInterval(function () {
                        loca

html登录界面代码

《html》
《head》
《title》登录界面《/title》
《/head》
《body》
《h3》登录界面：《/h3》
《form》
请输入你的用户名：《br》
《input type="text" /》《br》
输入你的地址：《br》
《input type="text" /》《br》
填上密码：《br》
《input type="text" /》《br》
选择你的性别：《br》
《input type="radio" value="男" name="sex"/》男
《input type="radio" value="女" name="sex"/》女《br》
选择你的爱好：《br》
《input type="checkbox" vlaue="游泳" /》游泳
《input type="checkbox" vlaue="旅游" /》旅游
《input type="checkbox" vlaue="上网" /》上网
《input type="checkbox" vlaue="新闻" /》新闻《br》
《input type="submit" value="提交" /》
《input type="reset" value="重填" /》
《/form》
《/body》
《/html》

html网页设计：一个简单的登录界面代码！

《input
type=’button’
text=’登陆’
onclick=’return
checknull()’》你说的要能识别是否输入了用户名和密码！需要用脚本来验证
《script》
function
checknull()
{
var
a=document.getElementById(’用户名文本框ID’).text;
var
b=document.getElementById(’密码文本框ID’).text;
if(a.length》0&&b.length)
return
true;
else
return
false;
}
《script》

用html代码编写一个简单的登陆界面

《!DOCTYPE html》《html lang="zh-CN"》《head》
《meta charset="utf-8"》
《meta http-equiv="X-UA-Compatible" content="IE=edge"》
《meta name="viewport" content="width=device-width, initial-scale=1"》
《title》登录《/title》
《link href="css/bootstrap.min.css" rel="stylesheet"》《/head》《body》《nav class="navbar navbar-default"》
《div class="container-fluid"》
《div class="navbar-header"》
《a class="navbar-brand" href="./"》jsp作业《/a》
《/div》
《div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"》
《ul class="nav navbar-nav navbar-right"》
《li》《a href="login.html"》登录《/a》《/li》
《/ul》
《/div》
《/div》《/nav》《div class="container"》
《div class="row"》
《div class="col-md-4"》
《/div》
《div class="col-md-4"》
《form class="form-signin" target="submitFrame" method="post"》
《h3 class="form-signin-heading"》登录到jsp作业《/h3》
《label for="inputEmail"》Email《/label》
《input type="email" id="inputEmail" class="form-control" placeholder="请输入Email" required autofocus》《br》
《label for="inputPassword"》密码《/label》
《input type="password" id="inputPassword" class="form-control" placeholder="请输入密码" required》
《div class="checkbox"》
《label》
《input type="checkbox" value="remember-me" checked="checked"》 记住密码 《/label》
《/div》
《button type="submit" class="btn btn-primary" id="btn-login"》登录《/button》
《a href="reg.html" class="btn btn-default"》注册《/a》
《/form》
《iframe style="display: none;" name="submitFrame" src="about:blank"》《/iframe》
《/div》
《div class="col-md-4"》
《/div》
《/div》
《script src="js/jquery.min.js"》《/script》《/body》《/html》

用户登录html代码有哪些

\x0d\x0a\x0d\x0a \x0d\x0a\x0d\x0a \x0d\x0a