2

フォーカスされたときにデフォルトの内容をクリアするフィールド用の onfocus/onblur ハンドラーがいくつかありますが、値がデフォルト値と等しい場合にのみ (ユーザー入力を削除しないようにするため)。

フィールドは、入力を切り替えることもできます。ユーザー名を受け入れるのではなく、ユーザーがボタンをクリックすると、電子メール アドレスが受け入れられます。これには、「メール アドレスを入力してください」など、別のデフォルト値が必要になります。次のようなものを使用して、実際のプロパティ属性defaultValueを変更して、フォーカス/ぼかしハンドラーが適切に機能するようにする必要があります。

$('input#ident-field').prop('defaultValue', 'enter your email address');

電子メールアドレスを要求するときにフィールドにフォーカスすると、フィールドがクリアされないため、これは機能していないようです。

4

2 に答える 2

4

HTML 5属性を使用する必要があります placeholder 

<input type="text" placeholder="Enter Your email address" / >
于 2012-04-25T06:18:41.083 に答える
0

これは、フォーカス関数とぼかし関数を使用して行うことができます。

$('input#ident-field').val("enter your email address");
// or $('input#ident-field').prop('defaultValue', 'enter your email address');
$('input#ident-field').focus(function(){
    $(this).val("");
});
$('input#ident-field').blur(function(){
    if($(this).val().trim() == "")
    {
        $(this).val("enter your email address");
    }
});
于 2012-04-25T06:22:29.847 に答える