表格
1. 基础代码
<!-- 在页面基础配置上"内容"填写以下代码 --> <form role="form" action="" class="frm-operate" method="post"> </form> <!-- 在页面基础配置上JS代码上补充对应的代码(form)或者直接复制替换 --> require(['admin','form'], function (admin,Form) { Form.api.init({}); })
2. 基础用法
<form role="form" action="" class="frm-operate nice-validator n-default n-bootstrap" method="post" novalidate="novalidate"> <div class="form-group row"> <label for="frm-username" class="col-sm-2 row-form-label"><span class="text-danger">*</span> 用户名: </label> <div class="col-sm-6"> <div class="input-group"> <input type="text" class="form-control" id="frm-username" name="row[username]" placeholder="用户名"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div> </div> </div> </div> </div> <div class="form-group row"> <label for="frm-password" class="col-sm-2 row-form-label"> 密码: </label> <div class="col-sm-6"> <div class="input-group"> <input type="password" class="form-control" id="frm-password" placeholder="密码" name="row[password]"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> </div> </div> <div class="form-group row"> <label for="frm-password" class="col-sm-2 row-form-label"></label> <div class="col-sm-6"> <div class="input-group"> <div class="radio-group"> <div class="radio-item"> <input id="row[column]-5" name="read" type="checkbox" value="5"> <label for="row[column]-5">已阅读</label> </div> </div> </div> </div> </div> <div class="row justify-content-around"> <div class="col-sm-8"> <button type="submit" class="btn btn-primary btn-submit">提交</button> <button type="reset" class="btn btn-default ml-2">重置</button> </div> </div> </form>