表单数据提交失败的核心原因是form标签未包裹输入控件或控件缺失name属性，导致$_post为空；必须确保所有input、textarea、select均在form内且含name属性，method设为post，action指向有效php脚本。
form 标签必须包裹所有输入控件，否则数据不会被提交
浏览器只把 <form></form> 内部、且带 name 属性的控件值打包发送。漏掉 <form></form> 或把 <input> 写在外部，后端收不到任何字段。
常见错误现象：$_POST 为空、event.target.elements 返回空集合、控制台报 Failed to execute 'submit' on 'HTMLFormElement'
-
action必须设为有效路径（如process_feedback.php），设成#或留空会导致页面刷新但无实际提交 -
method推荐用POST：避免敏感信息暴露在 URL，也绕过 GET 的长度限制 - 每个
<input>、<textarea></textarea>、<select></select>都要带name，比如name="email"，否则后端无法通过键名取值
required 属性只校验前端，后端仍需二次验证
required 是 HTML5 原生约束，作用是阻止用户点击提交按钮时跳过必填项 —— 但它完全可被禁用 JavaScript 或直接构造 POST 请求绕过。
使用场景：提升用户体验，减少无效请求；绝不能替代服务端校验。
- 前端提示依赖浏览器默认行为，样式不可控；想自定义提示需用
setCustomValidity()+reportValidity() - 后端必须检查
isset($_POST['name']) && !empty(trim($_POST['name']))，不能只信$_POST存在 - 邮箱字段用
type="email"只触发基础格式检查（如含 @），不验证域名是否存在，后端仍需filter_var($email, FILTER_VALIDATE_EMAIL)
label 和 for 的绑定影响可访问性与点击体验
没绑定 for 的 <label></label> 只是普通文本；绑定后，点击文字等同点击对应输入框，对触屏和读屏软件都关键。
容易踩的坑：id 和 for 值大小写不一致、中间有空格、用了 class 替代 id。
-
<label for="email">邮箱</label><input type="email" id="email" name="email">✅ -
<label for="Email">邮箱</label><input type="email" id="email" name="email">❌（大小写不匹配） -
<label for="email-field">邮箱</label><input type="email" id="email" name="email">❌（id 值不一致）
textarea 默认不自动换行，需 CSS 显式设置 resize 和 white-space
用户输入多行内容时，<textarea></textarea> 默认允许拖拽调整大小，但粘贴长文本或回车后可能显示异常 —— 这和 resize、white-space、overflow 等 CSS 属性强相关。
性能影响：未限制 resize 容易导致移动端布局错乱；white-space: pre-wrap 能保留换行但增加渲染开销。
- 基础可用配置：
textarea { resize: vertical; min-height: 100px; white-space: pre-wrap; } - 若用 JS 动态调整高度，注意监听
input事件而非change，后者只在失焦时触发 - 后端接收时，
\n在 PHP 中是换行符，但存入数据库前建议用nl2br()或 Markdown 渲染，避免 XSS 风险
name 缺失、for/id 不匹配、后端忽略空字符串判断，这三处出错频率最高，且问题隐蔽——前端看着正常，后端日志却一片空白。
