🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
方式1: 使用外链方式,新建cms栏目外部链接填入表单地址即可如:`formguide/index/index?:id=4` @id代表表单id PS:页面无法调用$catid等一些变量 他已经不属于cms栏目范畴 ***** 方式2: 使用单页方式,具体代码参考 `templates\default\formguide\show.html`(独立页面模板示例) 和 `templates\default\formguide\show_cms.html`(适用cms插件示例) 以上代码为layui风格,如果你想自己写自己样式的表单可以参考如下 ``` <form method="post" action="{:addon_url('formguide/index')}"> {:token_field()} <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[字段名]" 字段名和后台表单字段请一一对应--> <!--下面是判断是否需要验证码--> <input type="text" name="captcha" placeholder="验证码*" value="" class="layui-input"> <img id="verify" src="{:captcha_src()}" title="点击刷新" alt="验证码" class="captcha"> <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> ```