表單格式 · PHP/Python/前端/Linux 等等學習筆記

[TOC] ## 表單 html ![](https://img.kancloud.cn/8d/3b/8d3b5b6fcdaa1d64a7e8b35a74fb94bd_540x512.png) 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> ```