1. 版本升级

确认已升级到HkCmsv2.2.1.20220603版本

2. 找到文件

如果你是默认模板路径为：template\index\default\page\page_contact.html

安装的其他模板路径为：template\index\模板标识\page\page_contact.html

模板标识在详情页属性有写

3. 更改示例

找到hkcms:guestbook将guestbook改成form，同时删除里面的form表单

完整示例如下：

{hkcms:form catid="34" }
    
    ....这里省略其他html,只需要关注下面的验证码代码

    // 只有开启验证码才显示
    {if $item.captcha.status}
    <div class="form-group">
        <label>{:__('Verify code')}</label>
        <div class="d-flex align-items-center">
            // 输入框，可以自己写个输入框来实现自定义，样式的调整：里面有两个class分别是：form-control(bootstrap class) form-captcha，按这两个class调整即可
            <div class="mr-3">{$item.captcha.input}</div>
            // 验证码btn，图文验证码时是图片，其他的则是发送按钮
            <div class="captcha" style="width: 138px">{$item.captcha.btn}</div>
        </div>
    </div>
    {/if}

    // 提交按钮
    <div class="form-group">
        <button class="btn btn-primary  blank" type="submit">{:__("Submit")}</button>
    </div>
{/hkcms:form}

手册参考：https://www.kancloud.cn/hkcms/hkcms_tp6/3021039