Question

i have username and password textboxes. i want them to both show the default text, ie “username” and “password”, but when the user clicks on the password box it should dynamically change to a “password” type for security reasons.

i’ve managed to do this easily enough with javascript code but it doesn’t want to work in IE.

<input id="username" class="username" name="u" type="text" value="username" onclick="if(this.value='username') {this.value=''};" />
<input id="password" class="password" name="p" type="text" value="password" onclick="if(this.value='password') {this.value=''; this.type='password'};" /> 

Answer 1

Let say your html code is like this

<input type="text" id="txtId" />

you can replace it by using Jquery,

$('#txtId').replaceWith('<input type="password" id="txtId" />')