【问题标题】:Creating 2 forms using form_tag inside a table (rails)在表格中使用 form_tag 创建 2 个表单(rails)
【发布时间】:2011-10-19 18:42:39
【问题描述】:

我想制作一个表格,其中一列是登录名,另一列是注册 使用纯 html 类似于

<table id="logIn-signIn">
            <tr>
                <td class="hd">LOGIN :</td>
                <td class="hd">SIGN-UP :</td>
            </tr>
            <tr>
                <td>
                    Email :
                    <input type="text" name="email" value="Email" />
                </td>
                <td>
                    First name :
                    <input type="text" name="firstName" value="First name"/>
                </td>
            </tr>
            <tr>
                <td>
                    Password :
                    <input type="text" name="password" value="Password"/>
                </td>
                <td>
                    Family name :
                    <input type="text" name="familytName" value="Family name"/>
                </td>
            </tr>
            <tr>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    Email :
                    <input type="text" name="email" value="Email" />
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    Password :
                    <input type="text" name="email" value="Choose a password" />
                </td>
            </tr>
        </table>

问题在于每一列将使用不同的字段(一个用于登录,一个用于注册),因此每个字段都需要不同的 form_for - 一个用于新用户,一个用于新会话

由于 html 表结构是按行而不是按列的,因此我无法将 form_for 块分开..

如何在 1 个表中使用 2 个不同的 form_for 块?

谢谢

【问题讨论】:

  • 使用divs 代替tables
  • 使用 CSS 进行布局并摆脱表格

标签: ruby-on-rails-3 html-table form-for


【解决方案1】:

注意:正如评论者所指出的,使用 divscss 会使这更容易,但我认为出于某种原因您确实需要使用 tables

使用嵌套表格布局。

外部表用于结构-它将有一行和两列。在左侧单元格中,为登录表单构建一个表格,在右侧单元格中,为注册表单构建一个表格。 form_for 标签将在嵌套表格之外,但在布局表格的单元格内。

【讨论】:

  • +1 尽管我不相信他真的需要使用表格。
  • 有人能给出一个明确的例子吗?我已经尝试了好几个小时了:)
猜你喜欢
  • 2011-04-30
  • 2013-11-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-17
  • 1970-01-01
相关资源
最近更新 更多