文書番号: 831331 - 最終更新日: 2004年10月8日 - リビジョン: 1.3

[IE] <input type="password"> タグにて指定したテキストボックスが大きく表示される

お知らせお使いのオペレーティング システムには適用しない情報が含まれている場合があります。
すべて展開する | すべて折りたたむ

概要

この資料は、 Windows XP 上の Internet Explorer において <input type="password"> タグにて指定したテキストボックスが大きく表示される現象について説明したものです。

現象

Windows XP 上の Internet Explorer において <input type="password"> タグにて指定したテキストボックスは <input type= "text"> タグにて指定したテキストボックスより大きく表示されます。

原因

Windows XP 上の Internet Explorer においては、<INPUT type="text"> タグ、 <INPUT type="password"> タグにて指定するテキストボックス内のデフォルトのフォントが異なります。   この、デフォルトのフォントが異なることにより、テキストボックスの大きさに違いが生じます。 各タグにおけるデフォルトフォントは以下の通りとなります。
<input type="text">      "MS UI Gothic"
<input type="password">  "Tahoma"

回避策

パスワードボックスの大きさを一致させる必要がある場合は、同じ font-family を指定してください。 font-family はスタイルシートで指定するか、該当のタグ内で個別に指定することができます。

(例) ここでは、フォントを “Tahoma” にしています。
<INPUT TYPE="text" style="font-family:Tahoma">
<INPUT TYPE="password" style="font-family:Tahoma">

詳細

なお、本現象は Windows XP より前のバージョンにおいては発生いたしません。
これは、Windows XP より前のバージョンでは、<INPUT type="text"> タグ、 <INPUT type="password"> タグにおけるデフォルトフォントが "MS UI Gothic" のためです。


この資料は以下の製品について記述したものです。
  • Microsoft Windows XP Professional
キーワード:?
type input password windowsxp internetexplorer kbtshoot KB831331
"Microsoft Knowledge Baseに含まれている情報は、いかなる保証もない現状ベースで提供されるものです。Microsoft Corporation及びその関連会社は、市場性および特定の目的への適合性を含めて、明示的にも黙示的にも、一切の保証をいたしません。さらに、Microsoft Corporation及びその関連会社は、本文書に含まれている情報の使用及び使用結果につき、正確性、真実性等、いかなる表明・保証も行ないません。Microsoft Corporation、その関連会社及びこれらの権限ある代理人による口頭または書面による一切の情報提供またはアドバイスは、保証を意味するものではなく、かつ上記免責条項の範囲を狭めるものではありません。Microsoft Corporation、その関連会社 及びこれらの者の供給者は、直接的、間接的、偶発的、結果的損害、逸失利益、懲罰的損害、または特別損害を含む全ての損害に対して、状況のいかんを問わず一切責任を負いません。(Microsoft Corporation、その関連会社 またはこれらの者の供給者がかかる損害の発生可能性を了知している場合を含みます。) 結果的損害または偶発的損害に対する責任の免除または制限を認めていない地域においては、上記制限が適用されない場合があります。なお、本文書においては、文書の体裁上の都合により製品名の表記において商標登録表示、その他の商標表示を省略している場合がありますので、予めご了解ください。"