Simple Form 因误用 f.submit 而触发默认隐式字段生成，导致同一属性（如 :title）被渲染两次；正确做法是统一使用 f.button :submit 替代原生 f.submit 方法。

simple form 因误用 `f.submit` 而触发默认隐式字段生成，导致同一属性（如 `:title`）被渲染两次；正确做法是统一使用 `f.button :submit` 替代原生 `f.submit` 方法。

在 Rails 7 中使用 Simple Form 时，若发现表单中某个字段（例如 :title）被重复渲染为两个完全相同的 <input> 元素，问题通常并非来自模型、路由或视图层级结构，而是源于 Simple Form 自身对 f.submit 的特殊处理机制。

Simple Form 的 f.submit 方法并非直接等价于原生 Rails 的 submit_tag，而是一个已被弃用（deprecated）且行为不稳定的封装。在某些版本（尤其是与 Turbo 或 Rails 7 的 UJS 替代方案协同时），f.submit 会意外触发内部表单重渲染逻辑，导致其上方所有 f.input 被二次解析——这正是你 HTML 源码中出现两个 id="post_title" 输入框的根本原因：

<!-- 错误渲染结果（截取关键部分） -->
<div class="input string required post_title">
  <label class="visually-hidden ..." for="post_title">Title</label>
  <input ... name="post[title]" id="post_title"><!-- 第一次渲染 --><label ... for="post_title">Title</label>
  <input ... name="post[title]" id="post_title"><!-- 第二次重复渲染！ -->
</div>

✅ 正确修复方式：

将表单底部的：

替换为 Simple Form 推荐的标准写法：

完整修正后的表单如下：

  
    <div class="error-message">
      
    </div>
  

  
  

? 补充说明与最佳实践：

• ✅ 始终优先使用 f.button :submit（或 f.button :reset, f.button :link）替代 f.submit，这是 Simple Form 官方文档明确推荐的方式；
• ⚠️ 避免混用 form_with + simple_form_for，确保表单入口统一通过 simple_form_for 构建；
• ? 若问题仍存在，检查是否在 config/initializers/simple_form.rb 中启用了非标准配置（如自定义 wrapper_mappings 或 default_component），可临时注释以排除干扰；
• ? 确保 simple_form gem 版本 ≥ 5.2（兼容 Rails 7），运行 bundle update simple_form 升级至最新稳定版。

该问题本质是 API 误用而非环境配置错误，修正后即可彻底消除重复字段，保障表单语义清晰、无障碍友好且符合现代 Rails 最佳实践。