表格布局之登陆页面
<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>
效果如图:
每天进步一点点!