設定デフォルト値8

Question

plzは以下のスレッドを参照してください。

   <div id="headertxtPassWord-Container" class="header-login-input-Container"> 
        <asp:TextBox ID="headertxtPassWord" runat="server" Text="password" 
        onclick="return onclickOfPassWord(this);" onblur="onblurOfPassWord(this);" 
         CssClass="header-login-input"></asp:TextBox> 
       </div> 

---

：私は私の目的のために、次のように回答＃1をfollowd Set Default Value Of A Password

function onclickOfPassWord(This) { 
    if (This.value == 'password') { 
     $('#headertxtPassWord-Container').html("<input id='headertxtPassWord' name='headertxtPassWord' type='password' value='' onclick='return onclickOfPassWord(this);' onblur='onblurOfPassWord(this);' class='header-login-input' />"); 
     $('#headertxtPassWord').focus(); 
    } 
} 

function onblurOfPassWord(This) { 
    if (This.value == '') { 
     $('#headertxtPassWord-Container').html("<input id='headertxtPassWord' name='headertxtPassWord' value='password' onclick='return onclickOfPassWord(this);' onblur='onblurOfPassWord(this);' class='header-login-input' />"); 
    } 
} 

私のコードにはIE 8とFirefoxで問題があります。すべてのことは問題ありません。どのように修正できますか？我々はここで任意の戦利品をクリックした後に再び焦点を当てることはありませんテキストボックス

問題
....
を持っているのですか？

Answer 1

このコードを試してみてください。私はあなたの例を模倣しようとしましたので、より理にかなっています。

HTML

<div id="headertxtPassWord-Container" class="header-login-input-Container"> 
    <input id="headertxtPassWord" value="password" class="header-login-input" /> 
</div> 

jQueryの

$('.header-login-input').bind('click', function() { 
    if ($(this).val() === "password") 
    { 
     this.type = "password"; 
     $(this).val(''); 
    } 
}); 

$('.header-login-input').bind('blur', function() { 
    if ($(this).val() === "") 
    { 
     this.type = "text"; 
     $(this).val('password'); 
    } 
}); 

またhttp://jsfiddle.net/V2Dh5/3/

作業例を参照するシオマネキJS編集

これが答えをhttp://jsfiddle.net/V2Dh5/17/