Transform input type text to password [duplicate]

Question

This question already has answers here:

Changing the type of an input field using jQuery (text -> password) (5 answers)

Closed 6 years ago.

I want to change the input type to password when I click on it. I tried this:

<input name="pin" id="cp_serv" type="text" class="pin_v" value="Insert PIN Please" onclick="this.value='';$(this).attr('type','password');"/>

I tried to use the jQuery function attr to change this on the click event, but nothing is happening.

Is this the right way to do it or is this possible?

Answer 1

This will work

$('input').on('click', function () {
   $(this).attr('type', 'password'); 
});

jsfiddle

Update

For IE read accepted answer for this post.

Answer 2

jquery.Attr should work the way that you want:

http://jsfiddle.net/7UA95/

UPDATE

This one when you click on it:

http://jsfiddle.net/7UA95/1/