boot表单对勾错误样式,固定定位,登录表单

来源：互联网发布：飞利浦显示器调节软件编辑：程序博客网时间：2024/05/19 03:42

bootstrap表单对勾,差样式

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>bootstrap表单样式信息</title>    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">    <link rel="stylesheet" type="text/css" href="./css/style.css">    <script type="text/javascript"src="./js/bootstrap.min.js"></script>    <script type="text/javascript"src="jquery.min.js"></script>    <meta name="viewport" content="width=device-width,initial-scale=1.0"></head><body>    <div style="background:#F92672;width:300px;" class="container">        <form role="form">            <div class="form-group has-success has-feedback">                <label>用户名</label>                <input type="text" palceholder="用户名"class="form-control">                <span class="glyphicon glyphicon-ok form-control-feedback"></span>            </div>            <div class="form-group has-error has-feedback">                <label>密码</label>                <input type="text" palceholder="密码" class="form-control">                <span class="glyphicon glyphicon-remove form-control-feedback"></span>            </div>        </form>    </div></body></html>

固定定位navbar-fixed-top //固定定位到 顶部navbar-fixed-bottom //固定定位 底部

登录表单<form class="form-horizontal" role="form" action="">      <div class="form-group">        <label for="firstname" class="col-sm-2 control-label">名字</label>        <div class="col-sm-10">          <input type="text" class="form-control" id="firstname" placeholder="请输入账号">        </div>      </div>      <div class="form-group">        <label for="lastname" class="col-sm-2 control-label">姓</label>        <div class="col-sm-10">          <input type="text" class="form-control" id="lastname" placeholder="请输入密码">        </div>      </div>      <!-- <div class="form-group">        <div class="col-sm-offset-2 col-sm-10">          <div class="checkbox">            <label>              <input type="checkbox">请记住我            </label>          </div>        </div>      </div> -->      <div class="form-group">        <div class="col-sm-offset-2 col-sm-10">          <button type="submit" class="btn btn-success btn-block">登录</button>        </div>      </div>    </form>

0 0