Question

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

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

这会动态调整到右侧，因此它与新密码字段对齐。如何让我的上述标签保持静态，而不是动态调整？

谢谢！

Answer 1

试试这个：

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

使用样式化的无序列表作为表单的容器而不是表格会好得多。

请参阅：http://www.alistapart.com/articles/multicolumnlists

在表单中动态添加新字段时无法获得固定的表单字段位置

1 个答案: