HTML 中若未为 radio 按钮显式设置 value 属性，浏览器默认提交字符串 "on"，而非 id 或其他属性的值；解决方法是为每个 显式添加 value 属性。

html 中若未为 radio 按钮显式设置 `value` 属性，浏览器默认提交字符串 `"on"`，而非 `id` 或其他属性的值；解决方法是为每个 `` 显式添加 `value` 属性。

在 HTML 表单开发中，<input type="radio"> 元素的提交值完全取决于 value 属性，而非 id、name 或标签文本。当 value 属性被省略时，根据 HTML 规范 和浏览器实现，该 radio 按钮在表单提交时将统一发送字符串 "on" —— 这正是你看到 $value 输出为 "on" 的根本原因。

⚠️ 常见误解：id="movie" 并不会影响提交内容。id 仅用于 DOM 定位（如 CSS 选择器、JavaScript 查询或 <label for="..."></label> 关联），与表单数据无关。

✅ 正确做法：为每个 radio 按钮添加语义清晰、可读性强的 value 值，并保持 name 相同以构成互斥选项组：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

<form action="admin_review.php?opt=newReview" method="post">
  <fieldset>
    <legend>Review Type</legend>
    <div class="input">
      <input type="radio" name="reviewType" id="movie" value="movie">
      <label for="movie">Movie Review</label>
    </div>
    <div class="input">
      <input type="radio" name="reviewType" id="television" value="television">
      <label for="television">Television Review</label>
    </div>
    <div class="input">
      <input type="radio" name="reviewType" id="book" value="book">
      <label for="book">Book Review</label>
    </div>
    <div class="input">
      <input type="radio" name="reviewType" id="comic" value="comic">
      <label for="comic">Comic Review</label>
    </div>
    <div class="input">
      <input type="radio" name="reviewType" id="game" value="game">
      <label for="game">Game Review</label>
    </div>
  </fieldset>
  <input type="submit" value="New Review Definition">
</form>

? 关键优化说明：

立即学习“前端免费学习笔记（深入）”；

• ✅ value 属性明确指定后端可识别的值（如 "movie"）；
• ✅ <label></label> 标签包裹或通过 for 属性关联 id，提升可访问性与点击区域；
• ✅ name 统一确保单选逻辑（同一 name 下仅一个可被选中）；
• ✅ PHP 后端无需修改，$_POST['reviewType'] 将直接返回所选 value 字符串。

? 提示：开发中建议始终显式声明 value，即使值与 id 相同；避免依赖默认行为，增强代码健壮性与可维护性。