用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - html代码库

基于bootstrap登陆(验证码)

2017-03-06 作者: 知行合一心举报

[html]代码库

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="viewport" content="width=devic-width, initial-scale=1">
    <link href="../css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../css/style.css" rel="stylesheet"/>
</head>
<body class="login">
<div class="container">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-4 ">
            <br><br><br>

            <form class="bs-example bs-example-form" role="form">
                <div class="input-control" align="center" style="margin-bottom: 10px">
                    <img src="../img/logo.jpg" style="width:60px;height:60px;">

                    <h1>自行车</h1>
                </div>
                <div class="input-group input-group-lg has-success">
                    <span class="input-group-addon">手机号</span>
                    <input type="text" class="form-control" placeholder="手机号" maxlength="11"
                           onkeyup="this.value=this.value.replace(/\D/g,'')"
                           onafterpaste="this.value=this.value.replace(/\D/g,'')">
                    <span class="glyphicon glyphicon-ok-sign form-control-feedback"></span>
                </div>
                <br>

                <div class="input-group input-group-lg has-error">
                    <span class="input-group-addon">验证码</span>
                    <input type="text" class="form-control" placeholder="请输入验证码">
                    <span class="input-group-code">
                        <img src="../img/logo.jpg" id="safeCode" style="width:120px;height:46px;cursor:pointer">
                    </span>
                    <span class="glyphicon glyphicon-remove-sign form-control-feedback"></span>
                </div>
                <br>

                <div>
                    <p align="center">
                        <button type="submit" class="btn  btn-md btn-primary">登陆</button>
                    </p>
                    <br><br><br>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
<script src="../js/jquery-2.1.0.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</html>


网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...