🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
方式1: 使用外链方式,新建cms栏目外部链接填入表单地址即可如:`index/formguide/index?id=2` @id代表表单id 缺点:页面无法调用$catid等一些变量 他已经不属于cms栏目范畴 方式2: 制作中... 方式3: 使用单页方式,单页模板案例如下: ``` <form method="post" action="{:url('index/formguide/post')}"> {:token()} <input type="hidden" name="id" value="1" /> //这里值代表表单id //下面是表单 //文本框 <input type="text" name="modelField[name]" value=""> //多文本框 <textarea name="modelField[dress]"></textarea> //复选框 <label><input type="checkbox" name="modelField[like][]" value="1" > 学习</label> <label><input type="checkbox" name="modelField[like][]" value="2" > 看书</label> //下拉框 <select name="modelField[age]"> <option value="1" >20</option> <option value="2" >25</option> <option value="2" >30</option> </select> //单选框 <label><input type="radio" name="modelField[sex]" value="1">男</label> <label><input type="radio" name="modelField[sex]" value="2">女</label> //....更多表单 以此类推 name格式如上 name="modelField[字段名]" 字段名和后台表单字段请一一对应 //下面是判断是否需要验证码 {if $modelInfo.setting.isverify} <input type="text" name="captcha" placeholder="验证码*" value="" class="layui-input"> <img id="verify" src="{:captcha_src()}" title="点击刷新" alt="验证码" class="captcha"> {/if} <button type="submit">立即提交</button> </form> <script type="text/javascript"> //刷新验证码 $("#verify").click(function() { var verifyimg = $("#verify").attr("src"); $("#verify").attr("src", verifyimg.replace(/\?.*$/, '') + '?' + Math.random()); }); </script> ```