html - 在 Rails 中从 HTML 输入转换为 form_for 会改变格式吗？

Question

我正在处理的网站最初是用 HTML、CSS 和 Javascript 编码的。一方面，有一个电子邮件订阅文本字段。之前，我们只有一个 HTML 输入部分。但是现在我们开始在后端工作，我用 Ruby on Rails 中的 form_for 替换了输入。但结果看起来与下图不同。

它应该是这样的: http://i.imgur.com/ghssIa7.jpg

这是 HTML:

<div><p id='textbox'>[TEXT HERE]<br>
<input class='subscribe' type='text' placeholder='Email'>
<input class='subscribe' type='submit' value='Join Us'></p>
</div>

这是 CSS 部分:

/* subscribe button */
.subscribe {
border: 0;
padding: 10px;
font-size: 18px;
display: inline;
margin: 20px;
border-radius: 6px;
border-decoration: none;
margin-left: auto;
margin-right: auto;
}

.subscribe[type="text"] {
margin-right: 0.5em;
}

.subscribe[type="submit"] {
background: #abd6a5;
border: 2px solid #abd6a5;
color: white;
}

.subscribe[type="submit"]:hover {
-webkit-transition: all ease-in-out .6s;
-moz-transition: all ease-in-out 0.6s;
-ms-transition: all ease-in-out 0.6s;
-o-transition: all ease-in-out 0.6s;
transition: all ease-in-out .6s;
background: rgba(171, 214, 165, 0.5);
}

这是我用 form_for 替换 input 后​​的样子: http://i.imgur.com/r7mxw95.jpg

html.erb文件代码:

<div><p id='textbox'>[TEXT HERE]<br>
<%= form_for(@signup) do |f| %>
     <%= f.text_field :email, :placeholder => 'Email', class: 'subscribe', type: 'text' %>
     <%= f.submit 'Join Us', class: 'subscribe', type: 'submit' %>
<% end %>
</p>
</div>

我根本没有更改 css 文件。

出于某种原因，表单似乎不在

部分内。我有什么地方做错了或者我可以做些什么来解决它吗？

非常感谢您的帮助!

Answer 1

是因为原来的HTML中没有form标签，只有一个div。如果您希望继续使用 ruby​​ 标签，也许您可​​以使用 css 将表单标签放在您想要的位置。

如果没有，您可以保留原始 HTML 并通过 jQuery 提交。