Transform input type text to password [duplicate]

Question

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?

Instead of a JavaScript workaround use the placeholder-attribute. Browser support. — insertusernamehere
– insertusernamehere, Commented Aug 30, 2013 at 18:15
@j08691 Did you try it in IE? If you read the question rink.attendant linked, it says that IE doesn't allow it. — Barmar
– Barmar, Commented Aug 30, 2013 at 18:15
The problem in firefox i can´t do works fine , no show dots of password when i go to do click — user2501504
– user2501504, Commented Aug 30, 2013 at 18:24

Community · Accepted Answer · 2017-05-23 12:23:54Z

16

This will work

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

jsfiddle

Update

For IE read accepted answer for this post.

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Aug 30, 2013 at 18:16

26ph19

40310 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Barmar Over a year ago

Did you test it in IE?

Itay Over a year ago

Please test this on IE 8

rink.attendant.6 Over a year ago

Might want to just limit it to the cp_serv input box or every input on the page will change. And also you might want to check out .prop().

26ph19 Over a year ago

I don't have IE. I am Mac user. Could you please test it if it works?

Itay Over a year ago

It doesn't. I was just being polite :)

|

trrrrrrm · Accepted Answer · 2013-08-30 18:14:08Z

-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/

answered Aug 30, 2013 at 18:14

trrrrrrm

11.9k25 gold badges88 silver badges131 bronze badges

1 Comment

Barmar Over a year ago

According to the duplicate question, IE doesn't allow you to change input type.

Collectives™ on Stack Overflow

Transform input type text to password [duplicate]

2 Answers 2

6 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Linked

Related