我想创建一个表,其中一列是登录名,另一列是注册表 使用纯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块?
感谢
答案 0 :(得分:4)
注意:正如评论者指出的那样,使用divs
和css
可以更轻松,但我认为您确实需要出于某种原因使用tables
。
使用嵌套表格布局。
外表用于结构 - 它将有一行和两列。在左侧单元格内部,仅为登录表单构建一个表格,在右侧单元格中,为注册表单构建一个表格。 form_for
标记将位于嵌套表之外,但位于布局表的单元格内。