عرض مساعد النص عن طريق النقر فوق مربع نص باستخدام مسج

Question

أريد أن عرض مساعد النص عن طريق النقر على مربعات النص.على سبيل المثال:إذا كنت انقر فوق مربع نص يجب أن تساعدنا بالقول ما نوع:أدخل اسم المستخدم هنا

لقد حاولت دون إعطاء رمز ولكن النص "أدخل اسم المستخدم" يتلاشى أريد النص سيتم عرضه حتى يتم التركيز تغيرت إلى مربع نص آخر.

من فضلك, تشير بعض التعليمات البرمجية لهذا النوع.

<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);
    });
});

Answer 1

شيء مثل التالية ينبغي أن تفعل ذلك

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

هنا العمل التجريبي

Answer 2

لست متأكدا لماذا أنت التلاعب CSS عرض الممتلكات فضلا عن استخدام fadeIn/fadeOut:

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