パスワード入力ボックス内に漢字が表示される問題_html/css_WEB-ITnose

ログインパスワード入力ボックスを入力

1. 要件の説明
が使用されている場合、ログイン インターフェースは次の図のようになっている必要があります。ユーザーが入力したパスワードが平文になった場合、要件を満たしません。 のtype属性をpasswordに変更する場合。デフォルトの「パスワード」は「??」になります。 js を使用して入力の type 属性を動的に変更することを考える人もいるかもしれませんが、この方法は Firefox などの一部のブラウザーで実行可能です。しかし、邪悪な IE に遭遇すると、それを入手するためにできることは何もありません。 IE では、input の type 属性は読み取り専用です。さまざまなブラウザの互換性の問題を解決するために、次の方法が使用されます。


2. 解決策
HTML タグを使用して完了します。 詳細については、http://www.w3school.com.cn/tags/tag_label.asp w3c 標準をご覧ください。
以下は解決策のコードです:

"user_label" for="user_input" class="label_input" style="position: 絶対; top:12px; left:5px;">ユーザー名
loginName" class="input" id="user_input" onfocus="login_input_click('user')" />
ラベル ID=パスラベル" for= pass_input" class="label_input" style="position:Absolute; top:46px; left:5px;">パスワード  code
input type="password" name="password" class= "input" id="pass_input" onfocus="login_input_click('pass')" /> class " li_bg_code"

~& Lt;/div & gt;

& lt; ラベルをレイヤーとして付けます。表示したい場所に置きます。 ラベルのスタイルを設定します
style="max-width:90%" を入力ボックスに入力します。 ラベルの for 属性は入力ボックスの ID に関連付けられます。ユーザーが ラベルのテキストをクリックすると、対応する ラベルがフォーカスされます。この効果を得るために、 タグの type 属性を変更する必要はありません。

ディスカッションへの返信 (解決策)

ラベル このラベルはフォーム内でのみ使用できます。

投稿者は自分の経験を共有しています。私はそれを強く支持します!

• HTMLの知識のまとめ
• HTMLを早く学ぶ方法
• html xhtml xml の違い
• src 属性と href 属性の違い
• HTML5とCSSの置き換え利用について