Javascript IE6/7/8 change input type

Question

The following javascript snippet will change the type of an INPUT, for instance from text to password. It's being used to allow users to display their password on-screen when typing it in:

document.save_form.password_confirm.type= 'text';
...
document.save_form.password_confirm.type= 'password';

This works great in FF/Chrome but in IE6/7/8 I'm getting a "This command is not supported" error message.

Elle H · Accepted Answer · 2010-01-01 03:52:05Z

6

Type is read-only in Internet Explorer (at least 6, anyway), so it's just not directly possible. As a workaround, I've had a hidden input field of the type I wanted, then when I need to switch the type, hid the old one and made the other one visible. Not as clean, but unfortunately just changing the type as far as I know isn't possible.

An alternative method would be to use the JavaScript DOM to replace the field with the replaceChild function of a node.

edited Jan 1, 2010 at 3:52

answered Jan 1, 2010 at 3:27

Elle H

12.3k7 gold badges43 silver badges42 bronze badges

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

1 Comment

leepowers Over a year ago

Did something similar with jquery using prependTo for a new field with the correct type while removing the old field.

Collectives™ on Stack Overflow

Javascript IE6/7/8 change input type

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related