0 
<asp:TextBox TextMode="Password" ID="TxtBx_Password" runat="server" Width="175px" Text="Password" ForeColor="Gray" 
                    onblur="WaterMarkPwd(this, event);" onfocus="WaterMarkPwd(this, event);"></asp:TextBox>

私はこのパスワードテキストボックスを使用しており、以下に示すように WaterMarkPwd js メソッドを使用しています。

<script type ="text/javascript">

function WaterMarkPwd(txtpwd, event) 
{
    var defaultText = "Password";

    // Condition to check textbox length and event type
    if (txtpwd .value.length == 0 & event.type == "blur") 
    {
        //if condition true then setting text color and 
        //default text in textbox
        txtpwd .style.color = "Gray";
        txtpwd .value = defaultText;
    }
    // Condition to check textbox value and event type
    if (txtpwd .value == defaultText & event.type == "focus") 
    {
        txtpwd .style.color = "black";
        txtpwd .value = "";
    }
 }
</script>

問題は、これを text mode="text" を持つテキストボックスに適用すると正常に動作しますが、 textmode="password" に変更すると、メソッドで設定したとおりに暗号化されたテキストが表示されることですdefaultText = "Password";

それを解決する方法あなたの提案を願っています

4

4 に答える 4

2

互換性を気にしない場合は、placeholder属性を使用して入力の透かしを指定できます。

password残念ながら、タイプフィールドに実際のテキストを表示させる方法はありません。できることは、アプローチを変更し、透かしを表示するオーバーレイ要素を使用することです。入力がフォーカスされているときは常にこれを非表示にします。

このアプローチのデモンストレーションは次のとおりです。http：//jsfiddle.net/tPtJR/

于 2013-01-07T06:30:24.367 に答える
0

単に使用する必要があります： プレースホルダー属性

<asp:TextBox TextMode="Password" ID="TxtBx_Password" runat="server" Width="175px"
Text="Password" Placeholder="Password"></asp:TextBox>

デモJSFiddle

または、実際の例でjQuery用の透かしプラグインを使用できます

于 2013-01-07T06:30:01.560 に答える
0

関数をこれに変更するだけで機能します

<script type ="text/javascript">

function WaterMarkPwd(txtpwd, event) 
{
    var defaultText = "Password";

    // Condition to check textbox length and event type
    if (txtpwd.value.length == 0 & event.type == "blur") 
    {
        //if condition true then setting text color and 
        //default text in textbox
        txtPwd.type = "text";
        txtpwd.style.color = "Gray";
        txtpwd.value = defaultText;
    }
    // Condition to check textbox value and event type
    if (txtpwd.value == defaultText & event.type == "focus") 
    {
        txtPwd.type = "password";
        txtpwd.style.color = "black";
        txtpwd.value = "";
    }
 }
</script>

これがjsFiddleです

最初にif部分に2行を追加しました

txtPwd.type = "text";

あなたのelse部分の2番目

txtPwd.type = "password";
于 2013-01-07T06:52:02.190 に答える
0 
<asp:TextBox ID="TxtBx_Password" CssClass="txt2" TextMode="Password" value="Password"      runat="server" onfocus="this.value=''" onblur="if(this.value == ''){ this.value ='Password';}"></asp:TextBox>

上記の構文を使用して、透かしテキストを値プロパティに入れることができます

于 2013-09-16T09:03:41.477 に答える