div元素中的红宝石形式答案

【问题标题】：ruby forms in div elementsdiv元素中的红宝石形式
【发布时间】：2012-07-03 04:01:27
【问题描述】：

我遇到了一个问题，即使用 ruby 生成的表单未包含在我的 #content div 中，这是因为表单是在浏览器读取 html 之后生成的（对不起，如果我听起来像个白痴这个）

-- 编辑更新--查看源码--

下面的代码使用内容框外的电子邮件框和提交按钮生成

<div id="content">
<!-- text here -->
<form accept-charset="UTF-8" action="/password_resets" method="post">
<div style="margin:0;padding:0;display:inline">
<input name="utf8" type="hidden" value="&#x2713;" />
<input name="authenticity_token" type="hidden" value="afmtpSAc93w1uMcnouhY9XmbVTM7fE1VNFvZKnp0kMs=" />
</div>
    <div class="field"> 
        <input id="email" name="email" placeholder="email@website.com" type="text" />
    </div>
    <div class="actions">
        <input name="commit" type="submit" value="Reset Password" />
</form> </div>
</div>

【问题讨论】：

<% end -%> 可能是这导致了问题。尝试将其更改为<% end %>。
不，erb 是服务器端的。它在任何内容发送到浏览器之前进行处理。你得到什么输出？
您确定它确实在源中的框外吗？否则，可能是您有浮动元素不会向#content 添加高度。无论如何，请通过在您选择的浏览器中执行“查看源代码”（而不是“检查元素”）来检查 HTML 输出。

标签： ruby forms html erb

【解决方案1】：

我不确定我的问题是否正确，但在最后一个 </form> </div> 上方的 html 中应该是 </div> </form>

【讨论】：

对，但这是原始代码，pre-ruby 编译。还有没有办法在 cmets 中制作这个块而不是内联？ <div id="content"> <h1>Forgot your password?</h1> <p>Happens to me all the time.</p> <p>Enter your email address and we'll send you instructions to change your password</p> <%= form_tag password_resets_path, :method => :post do %> <div class="field"> <%= text_field_tag :email, params[:email], :placeholder => "email@website.com" %> </div> <div class="actions"> <%= submit_tag "Reset Password" %> </div> <% end -%> </div>
实际上它是 div 内容 > 表单 > 用于输入的 div > /divs > /form > /div 内容。表单内的 div 没有作为内容 div 的一部分呈现...我可以给内容 div 一个包含这些输入的高度，但这更像是一个创可贴而不是解决方案
而不是的任何原因？

【解决方案2】：

访问此链接后想通了 Is it correct to use DIV inside FORM?

一旦我删除了 div 的字段和操作，它就会清除所有内容

【讨论】：