如何让PHP中的input输入框支持HTML标签？

兄弟，咱们得先把事儿说透：<input type="text">这类单行输入框的value属性天生就是用来存纯文本的，浏览器只会把它当成普通字符串展示，绝对不会去解析里面的HTML标签——这是它的原生特性，改不了的。要实现渲染HTML的需求，得换思路，下面给你两个实用方案：

方案1：换用<textarea>（最适合多行/换行场景） #

如果你的需求只是要显示换行（比如把<br>转换成实际换行），<textarea>是最直接的替代方案，它支持多行文本，编辑体验也更符合用户习惯。

示例代码：

<?php
// 把内容里的<br>标签转换成换行符\n
$content = str_replace('<br>', "\n", @$tpl['calendar_arr']['i18n'][$v['id']]['name']);
// 必须用htmlspecialchars转义，避免破坏HTML结构和XSS风险
$sanitizedContent = htmlspecialchars($content);
?>
<textarea name="i18n[<?php echo $v['id']; ?>][name]" class="pj-form-field w300"><?php echo $sanitizedContent; ?></textarea>

方案2：可编辑<div>+隐藏表单域（真正渲染HTML的场景） #

如果需要的是真·渲染HTML（比如加粗、变色、复杂排版），那input和textarea都满足不了，得用contenteditable="true"的<div>来做编辑区域，再配合隐藏表单域提交内容（因为div本身不是表单控件，没法直接提交）。

示例代码：

<?php
// 直接输出过滤后的HTML（一定要做好XSS防护！）
$htmlContent = pjSanitize::html(@$tpl['calendar_arr']['i18n'][$v['id']]['name']);
// 转义后的值用于隐藏域提交
$submitContent = htmlspecialchars($htmlContent);
?>
<!-- 可编辑div，用来渲染HTML -->
<div contenteditable="true" class="pj-form-field w300" id="editor-<?php echo $v['id']; ?>">
    <?php echo $htmlContent; ?>
</div>
<!-- 隐藏域，负责提交内容 -->
<input type="hidden" name="i18n[<?php echo $v['id']; ?>][name]" value="<?php echo $submitContent; ?>">

<!-- JS同步编辑内容和隐藏域的值 -->
<script>
document.getElementById('editor-<?php echo $v['id']; ?>').addEventListener('input', function() {
    document.querySelector('input[name="i18n[<?php echo $v['id']; ?>][name]"]').value = encodeURIComponent(this.innerHTML);
});
</script>

⚠️ 重点提醒：直接渲染HTML有XSS风险！一定要用靠谱的HTML过滤工具（比如HTMLPurifier）清理危险标签和属性，别只依赖简单的转义。

最后啰嗦一句 #

别再纠结怎么让input渲染HTML了——这玩意儿从设计之初就没这功能，浏览器根本不会给你这个机会，换控件才是正道。

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