在表单中动态添加新字段时无法固定表单字段位置答案

【问题标题】：Unable to have fixed form field postions while dynamically adding new fileds in a form在表单中动态添加新字段时无法固定表单字段位置
【发布时间】：2011-11-18 02:34:53
【问题描述】：

我有一个简单的密码重置对话框，让用户可以设置自定义密码。

<form id="resetPassword"
action="XXXXX">
<fieldset><input type="hidden" name="userId" value="${user.id}" />
<table>
<tbody>
<tr>
    <td><input id="resetCustomPassword" class="ui-widget" type="checkbox"></td>
    <td><label>Set Custom Password</label></td>     
</tr>
</tbody>
<tbody style="display: none;">
<tr>
    <td><label for="newPassword"> New Password: </label></td>
    <td><input id="newPassword" class="ui-widget" type="password"></td>
</tr>
<tr>
    <td><label for="reTypeNewPassword"> Retype New Password: </label></td>      
    <td><input id="reTypeNewPassword" class="ui-widget" type="password"></td>
</tr>
</tbody>

现在，如果用户检查“设置自定义密码”，我会动态显示新密码字段。问题出在我上面的这个标签中：

 <td><label>Set Custom Password</label></td>

这会动态调整到右侧，因此它与新密码字段对齐。我怎样才能让我上面的标签是静态的，而不是动态调整自己？

谢谢！

【问题讨论】：

我希望这只是一个示例，而您实际上并没有这样做：<input type="hidden" name="userId" value="${user.id}" /> 因为如果您是，我可以更改每个人的密码。服务器应该知道 userId，而不是依赖表单来传递它。
是的。你是对的斯蒂芬。只需复制粘贴一个示例。

标签： css jquery-ui show-hide forms html-table

【解决方案1】：

试试这个：

<td align="left"><label>Set Custom Password</label></td>

最好使用带样式的无序列表作为表单的容器，而不是表格。

见：http://www.alistapart.com/articles/multicolumnlists

【讨论】：