I am trying to get the placeholder attribute value and do a fadeIn with

Question

0

Asked: May 27, 20262026-05-27T07:29:26+00:00 2026-05-27T07:29:26+00:00

I am trying to get the placeholder attribute value and do a fadeIn with

0

I am trying to get the placeholder attribute value and do a fadeIn with the label which has the placeholder value as a for value, but it’s not working.

HTML:

<html>  
    <body>
        <form>
            <input type="text" id="name" name="name" placeholder="First Name" />
            <label for="First Name">First Name </label>
        </form>
    </body>
</html>

CSS:

input+label { display: none; }

Script

$(document).ready(function() {
    $('input[type="text"]').click(function() {  
        var sd = $(this).attr('placeholder');  
        $('label[for^=sd]').fadeIn();  
    });  
});