将HTML输入转换为Rails中的表单_会改变格式吗？

我正在开发的网站最初是用HTML、CSS和Javascript编写的。一方面，有一个电子邮件订阅文本字段。以前，我们只有一个HTML输入部分。但是现在我们开始在后端工作，我用rubyonrails中的form_替换了输入。但是结果看起来与下面显示的不一样

它应该是这样的：

这是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>

/* 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);
}

这是我用表单u替换输入后的结果：

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文件

出于某种原因，表单似乎不在部分内。有没有什么我做错了，或者我可以做些什么来修复它

---

非常感谢你的帮助

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

---

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

您好，您介意向我解释一下添加表单标记的意思吗？你的意思是我应该替你换表格吗？没问题，很乐意帮忙：）