0

テキスト ボックスをクリックしたときにヘルパー テキストを表示したい。例: テキスト ボックスをクリックすると、何を入力すればよいかを教えてくれるはずです: ここにユーザー名を入力してください

以下のコードを試してみましたが、「ユーザー名を入力してください」というテキストがフェードアウトしています。フォーカスが別のテキストボックスに変更されるまでテキストを表示したいです。

このタイプのコードを提案してください。

<input type = "text"/><span>Enter username</span>
<input type = "text"/><span>Enter password</span>     


$(document).ready(function(){
    $("input").focus(function () {
         $(this).next("span").css('display','inline').fadeOut(1000);
    });
});
4

2 に答える 2

4

次のような何かがそれを行う必要があります

$(function(){
    $("input")
        .focus(function () {
            $(this).next("span").fadeIn(1000);
        })
        .blur(function () {
             $(this).next("span").fadeOut(1000);
        }); 
});

ここに実用的な デモがあります

于 2009-07-30T11:50:05.703 に答える
1

CSS 表示プロパティを操作し、fadeIn/fadeOut を使用している理由がわかりません。

$(document).ready(function(){
    $("input").focus(function () {
         $(this).next("span").fadeIn(1000);
    }).blur(function() {
        $(this).next("span").fadeOut(1000);
    });
});
于 2009-07-30T11:52:56.740 に答える