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>
✅ 正确修复方式：
将表单底部的：
<%= f.submit class: "btn btn--secondary" %>
替换为 Simple Form 推荐的标准写法：
<%= f.button :submit, "Create Post", class: "btn btn--secondary" %>
完整修正后的表单如下：
<%= simple_form_for post, html: { class: "post form" } do |f| %>
<% if post.errors.any? %>
<div class="error-message">
<%= post.errors.full_messages.to_sentence.capitalize %>
</div>
<% end %>
<%= f.input :title, input_html: { autofocus: true } %>
<%= f.button :submit, "Create Post", class: "btn btn--secondary" %>
<% end %>? 补充说明与最佳实践：
- ✅ 始终优先使用
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_formgem 版本 ≥ 5.2（兼容 Rails 7），运行bundle update simple_form升级至最新稳定版。
该问题本质是 API 误用而非环境配置错误，修正后即可彻底消除重复字段，保障表单语义清晰、无障碍友好且符合现代 Rails 最佳实践。
