讲师中心 微信公众号
AI工具推荐 视频效率加速

如何在页面刷新后保留 textarea 中的用户输入内容

云杰小哥_7054

云杰小哥_7054

发布时间:2026-03-25 09:40:15

|

229人浏览过

|

来源于php中文网

原创

如何在页面刷新后保留 textarea 中的用户输入内容

本文讲解如何通过 PHP 实现 textarea 数据的持久化显示,解决页面刷新后内容丢失的问题,重点纠正 value 属性误用,并提供安全、健壮的实现方案。

本文讲解如何通过 php 实现 textarea 数据的持久化显示,解决页面刷新后内容丢失的问题,重点纠正 `value` 属性误用,并提供安全、健壮的实现方案。

在 Web 表单开发中,<textarea> 是常用的多行文本输入控件。与 <input> 不同,<textarea> 不支持 value 属性——它的内容必须写在起始与结束标签之间(即 <textarea>…</textarea> 的内部)。若错误地使用 value="<?php echo $comments ?>",PHP 输出的内容将被浏览器忽略,导致刷新后数据“消失”,这正是原代码失效的根本原因。

以下是正确且推荐的实现方式:

✅ 正确写法:将 PHP 变量嵌入标签体内

<?php
// 初始化变量,防止未定义索引警告
$comments = isset($_POST['comments']) ? trim($_POST['comments']) : '';
?>

<form method="post">
  <textarea 
    name="comments" 
    cols="30" 
    rows="3" 
    class="w3-input w3-round-large" 
    placeholder="add some infos about yourself !!">
    <?php echo htmlspecialchars($comments, ENT_QUOTES, 'UTF-8'); ?>
  </textarea>
  <br>
  <button type="submit">提交</button>
</form>

⚠️ 关键注意事项:

  • 必须使用 isset() 检查 $_POST['comments']:首次访问页面时 $_POST 为空,直接读取会触发 PHP Notice: Undefined index 警告;
  • 务必调用 htmlspecialchars():防止 XSS 攻击——用户若输入 <script>alert(1)</script>,未经转义将被浏览器执行;
  • 避免 value 属性:<textarea value="..."> 是无效 HTML,W3C 标准不支持,所有主流浏览器均忽略该属性;
  • 建议搭配 trim():清除首尾空白,提升数据质量;
  • 若需更持久保存(如跨会话),应结合 $_SESSION 或数据库,但本例仅聚焦“表单提交 + 刷新保留”的基础场景。

? 扩展提示(可选增强)

如需支持“空值占位符”与“非空时禁用 placeholder”,可进一步优化:

<textarea ...>
  <?php echo !empty($comments) ? htmlspecialchars($comments) : ''; ?>
</textarea>
<!-- 注意:placeholder 在有内容时自动隐藏,无需额外 JS -->

掌握这一细节,不仅能解决当前问题,更能规避常见 HTML 语义误用,写出更规范、安全、可维护的 PHP 表单逻辑。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
ThinkPHP表单验证与数据安全处理实战
ThinkPHP表单验证与数据安全处理实战

本专题聚焦 ThinkPHP 在表单处理中的验证与安全机制,系统讲解验证器使用、自定义规则、场景验证以及错误提示处理。内容涵盖 XSS 防护、SQL 注入防御、数据过滤与输入校验等关键安全措施。通过实际案例,帮助开发者构建安全可靠的数据处理流程。

241

2026.03.30

cookie
cookie

Cookie 是一种在用户计算机上存储小型文本文件的技术,用于在用户与网站进行交互时收集和存储有关用户的信息。当用户访问一个网站时,网站会将一个包含特定信息的 Cookie 文件发送到用户的浏览器,浏览器会将该 Cookie 存储在用户的计算机上。之后,当用户再次访问该网站时,浏览器会向服务器发送 Cookie,服务器可以根据 Cookie 中的信息来识别用户、跟踪用户行为等。

12099

2023.06.30

document.cookie获取不到怎么解决
document.cookie获取不到怎么解决

document.cookie获取不到的解决办法:1、浏览器的隐私设置;2、Same-origin policy;3、HTTPOnly Cookie;4、JavaScript代码错误;5、Cookie不存在或过期等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1186

2023.11.23

阻止所有cookie什么意思
阻止所有cookie什么意思

阻止所有cookie意味着在浏览器中禁止接受和存储网站发送的cookie。阻止所有cookie可能会影响许多网站的使用体验,因为许多网站使用cookie来提供个性化服务、存储用户信息或跟踪用户行为。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

824

2024.02.23

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

1926

2025.08.19

session失效的原因
session失效的原因

session失效的原因有会话超时、会话数量限制、会话完整性检查、服务器重启、浏览器或设备问题等等。详细介绍:1、会话超时:服务器为Session设置了一个默认的超时时间,当用户在一段时间内没有与服务器交互时,Session将自动失效;2、会话数量限制:服务器为每个用户的Session数量设置了一个限制,当用户创建的Session数量超过这个限制时,最新的会覆盖最早的等等。

580

2023.10.17

session失效解决方法
session失效解决方法

session失效通常是由于 session 的生存时间过期或者服务器关闭导致的。其解决办法:1、延长session的生存时间;2、使用持久化存储;3、使用cookie;4、异步更新session;5、使用会话管理中间件。

876

2023.10.18

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

1926

2025.08.19

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

20

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn