[TOC] ## 表单 html  css ``` .form-box{ width: 100%; position: absolute; top: 0; left: 0; bottom: 50px; overflow: auto; } .form-bottom{ background-color:#f8f8f8 ; height: 50px; line-height: 50px; width: 100%; position: absolute; bottom: 0; right: 0; } .form-bottom>div{ right: 15px; position: absolute; } ``` html ``` <form class="layui-form" action=""> <div class="form-box"> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input type="text" name="5iabd" required lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码框</label> <div class="layui-input-block"> <input type="password" name="28f6" required lay-verify="required" placeholder="请输入密码框内容" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class="layui-input-block"> <select name="wx6ah" lay-verify="required" lay-search> <option value=""></option> <option value="0">北京</option> <option value="1">上海</option> <option value="2">广州</option> <option value="3">深圳</option> <option value="4">杭州</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block"> <input type="checkbox" name="hsnj[]" title="写作"> <input type="checkbox" name="hsnj[]" title="阅读" checked> <input type="checkbox" name="hsnj[]" title="发呆"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-inline"> <input type="text" name="28kwa" required lay-verify="required" placeholder="请输入输入框内容" autocomplete="off" class="layui-input"> </div> </div> </div> <div class="form-bottom"> <div class="button-container"> <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="" lay-filter="save"> <i class="layui-icon layui-icon-ok"></i> 提交 </button> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="cancel" lay-filter="cancel"> <i class="layui-icon layui-icon-refresh"></i> 取消 </button> </div> </div> </form> ```