如何修改代码实现无需点击自动跳转至下一页？

针对你提供的CakePHP表单代码，有两种实用实现方式，按需选择：

方法1：自动提交表单（保留原有表单逻辑，适合需要传递hidden参数的场景） #

修改代码给表单添加ID，通过JavaScript在页面加载完成后自动触发提交：

<div class="col-md-<?= $col_num ?>">
    <?= $this->Flash->render() ?>

    <?= $this->Form->create(null, ['id' => 'auto-submit-form']); ?>
    <?= $this->Form->hidden('action', ['value' => 'continue']); ?>
    <?= $this->Form->hidden('page', ['value' => $page + 1]); ?>
    <!-- 不需要显示按钮可隐藏，需要保留则去掉style属性 -->
    <?= $this->Form->button(__('Click here to continue - Step (1/2)'), ['class' => 'btn btn-primary', 'style' => 'display:none;']); ?>
    <?= $this->Form->end() ?>

    <script>
        // 页面加载完成后自动提交表单
        window.addEventListener('load', function() {
            document.getElementById('auto-submit-form').submit();
        });
    </script>
</div>

• 说明：给表单设置唯一ID后，JS监听页面加载事件，自动调用表单提交方法，完全替代点击操作。

方法2：直接JS跳转（无需表单，适合参数可通过URL传递的场景） #

如果后端支持通过URL参数接收action和page，可以直接用跳转逻辑替代表单：

<div class="col-md-<?= $col_num ?>">
    <?= $this->Flash->render() ?>

    <script>
        window.addEventListener('load', function() {
            // 用CakePHP路由生成正确的跳转地址
            const nextPageUrl = '<?= $this->Url->build(['action' => 'continue', 'page' => $page + 1]) ?>';
            window.location.href = nextPageUrl;
        });
    </script>
</div>

• 说明：这种方式更简洁，直接跳转到目标路由，不需要依赖表单结构。

可选：添加延迟跳转 #

如果需要给用户预留提示时间（比如显示3秒后跳转），可以给JS添加延迟：

// 延迟3000毫秒（3秒）后执行操作
setTimeout(function() {
    // 对应方法1的表单提交，或方法2的URL跳转
    document.getElementById('auto-submit-form').submit();
    // 或者 window.location.href = nextPageUrl;
}, 3000);

内容的提问来源于stack exchange，提问作者aboloza