PHP表单携带数据跳转打印页时如何拼接两个字段值？

原有表单字段收集逻辑无需修改，仅需要调整打印视图层的展示逻辑即可，按优先级推荐以下三种方案：

方案1：服务端直接拼接输出（首推） #

稳定性最高，不依赖前端环境，无兼容性问题，适合后端渲染打印视图的场景。直接将存储的两个字段值拼接后输出即可，无需保留两个独立展示div：

<div class="input-field col s8">                            
    <div id="patient-fullname" class="validate">
        <?php 
        // 注意用htmlspecialchars转义输出，避免XSS安全风险
        echo htmlspecialchars($patientInfo['patientfname'] . ' ' . $patientInfo['patientlname']); 
        ?>
    </div>
    <label class="active" for="patient-fullname">Patient Name</label>
</div>

注：代码中的$patientInfo替换为你实际存储用户提交数据的变量名即可。

方案2：前端JS动态拼接 #

适合打印视图为前端异步渲染、无法直接修改后端模板的场景，页面加载完成后自动合并两个字段的内容：

document.addEventListener('DOMContentLoaded', function() {
    const firstName = document.getElementById('patientfname').textContent.trim();
    const lastName = document.getElementById('patientlname').textContent.trim();
    // 合并内容到名字字段，隐藏姓氏字段
    document.getElementById('patientfname').textContent = `${firstName} ${lastName}`;
    document.getElementById('patientlname').style.display = 'none';
});

方案3：CSS打印样式适配 #

适合需要在屏幕显示时保留两个拆分字段、仅打印时合并展示的场景，无需修改HTML和JS，仅新增打印专属样式即可：

@media print {
    #patientfname, #patientlname {
        display: inline;
    }
    #patientlname::before {
        content: ' '; /* 确保名和姓之间保留空格 */
    }
}

内容的提问来源于stack exchange，提问作者M. Straw