表格布局之登陆页面 

<body>
<form role="form" class="form-horizontal">
    <div class="form-group ">
        <label for="name" class="col-sm-1 control-label">账户</label>
        <input class="col-sm-2"type="text" class="form-control" id="name" placeholder="请输入账户">
    </div>
    <div class="form-group ">
        <label for="name" class="col-sm-1 control-label">密码</label>
        <input class="col-sm-2"type="text" class="form-control" id="name" placeholder="请输入密码">
    </div>
    <div class="form-group ">
        <div class="col-sm-offset-1">
        <input type="file" id="inputfile" >
        <p class="help-block">选择本地文件</p>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-1 ">
    <div class="checkbox">
        <label><input type="checkbox">记住我</label><br>
    </div>
    </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-1 ">
         <button type="submit" class="btn btn-default">登录</button>
      </div>
   </div>

</form>    




</body>

效果如图：

posted @ 2016-05-20 13:55  Mytesting  Views(219)  Comments(0)  Edit  收藏  举报