Невозможно иметь фиксированные положения полей формы при динамическом добавлении новых полей в форму - PullRequest
Новая
       0

Невозможно иметь фиксированные положения полей формы при динамическом добавлении новых полей в форму

0 голосов
/ 17 ноября 2011

У меня есть простое диалоговое окно сброса пароля, которое позволяет пользователям устанавливать пользовательский пароль. 

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

Это динамически корректируется в ПРАВУЮ сторону, поэтому оно выравнивается с полями нового пароля. Как я могу сделать так, чтобы указанная выше метка была статичной, а не настраивалась динамически?

Спасибо!

1 Ответ

1 голос
/ 17 ноября 2011

Попробуйте это: 

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

Вам гораздо лучше использовать стилизованные неупорядоченные списки в качестве контейнеров для форм, а не таблиц.

См .: http://www.alistapart.com/articles/multicolumnlists

...