js_form 効果の下でパスワード形式でプロンプト情報を表示するソリューション

誰かがこのコードを求めてきました。パスワードに入力した内容が * として表示されることを考えると、* の問題を解決する方法を見つける必要があります。当初、setAttribute を使用して type 属性を動的に変更して効果を実現したいと考えており、ff で正常にテストできましたが、setAttribute による type 属性の変更が IE で無効になるとは予想していませんでした。最後に、背景画像を使用してこの問題を解決しました。つまり、パスワードの背景画像を設定し、画像テキストは次のようなプロンプト メッセージ
になります。 ,
マウスの場合 配置時に背景画像は表示されません。
コードは次のとおりです:

<title></title> <style type="text/css"> *{ margin:0px;padding:0px;font-size:12px; } input{ width:150px;height:20px;line-height:20px;border:1px solid #ccc; } </style> <input type="text" id="username" value="姓名长度最多16个字符" onfocus="this.select()"> 名前: <input type="text" id="password" onmouseover="chgForm('password')" value="密码长度必须在3-18位之间" onmouseout="chkForm('password')"> input の type 属性を動的に変更します (ff でのみ有効)。 パスワード: <input type="password" id="p1" onmouseover="this.style.background=''" style="background:url(/upload/20070819124037566.gif) no-repeat" onmouseout="chkFormpic('p1')"> 画像のヒント (ff/ie で有効): パスワード:
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]