5

ログインフォームにこのフォーム設定を使用しています：

<tr>
     <td class="label"> Username:</td>
     <td> <input id="id_username" type="text" name="username" maxlength="30" /></td>
</tr>
<tr>
     <td class="label"> Password:</td>
     <td> <input a="text" type="password" name="password" id="id_password" /></td>
</tr>

Firefoxを使用する場合、同じサイズの両方の入力ボックス。ただし、IE 9を使用している場合、パスワードフィールドは小さくなります。

この動作を取り除くための最良の方法は何ですか？

4

3 に答える 3

5

CSS を使用して要素に固定width値を適用します。次に例を示します。

.fixed-input {
    width: 150px;
}
....
<input class="fixed-input" id="id_username" type="text" name="username" maxlength="30" />
于 2012-07-17T08:25:07.753 に答える
2

私は同じ問題を抱えていました。幅のスタイルを追加しましたが、それでも見た目が異なります。

パディングとボーダーの色もテキストとパスワードの入力で同じではなく、これが違いの原因であることが判明しました。

パスワードとテキスト入力の両方に次のスタイル属性を設定してください。

width: 200px;
font-family: sans-serif;
font-size: 15px;
padding: 3px;
border: 1px solid black;
于 2012-11-16T01:49:19.480 に答える
1

最善の方法は、この要素のスタイルを定義し、適切な幅を設定することです。maxlength 属性によってユーザー フィールドのサイズが大きくなる可能性があります。

于 2012-07-17T08:24:44.627 に答える