zoukankan      html  css  js  c++  java
  • bootstrap form

     http://getbootstrap.com/examples/starter-template/

    <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
            <div class="col-sm-10">
              <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
            <div class="col-sm-6">
              <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
            </div>
    
    <div class="col-sm-4 text-left">
    <label style="padding-top:7px">
    <span class="glyphicon glyphicon-info-sign" style="
        
        top: 2px;
    "></span>
    ddd
    </label>
    </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <div class="checkbox">
                <label>
                  <input type="checkbox"> Remember me
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-default">Sign in</button>
            </div>
          </div>
        </form>
    <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label" style="
        padding-right: 0px;
    ">Email</label>
            <div class="col-sm-10">
              <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label" style="
        padding-right: 0px;
    ">Password</label>
            <div class="col-sm-6" style="
    ">
              <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
            </div>
    
    <div class="col-sm-4 text-left" style="
        padding-left: 0px;
        left: auto;
    ">
    <label style="padding-top:7px">
    <span class="glyphicon glyphicon-info-sign" style="
        
        top: 2px;
    "></span>
    ddd
    </label>
    </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <div class="checkbox">
                <label>
                  <input type="checkbox"> Remember me
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-default">Sign in</button>
            </div>
          </div>
        </form>
  • 相关阅读:
    swagger api 转graphql npm 包试用
    hasura graphql auth-webhook api 说明
    hasura graphql 角色访问控制
    hasura graphql schema 导出
    hasura graphql 模式拼接demo
    hasura graphql 模式拼接概念
    hasura graphql pg 自定义函数的使用
    gqlgen golang graphql server 基本试用
    nodejs json-t 基本测试
    json-patch 了解
  • 原文地址:https://www.cnblogs.com/zyip/p/3698156.html
Copyright © 2011-2022 走看看