Question

Ok I have an input tag. I used jquery input hints so it displays the title=”password”. But if it’s type is a password it wouldn’t be displaying the the title it would simply just look *. So I need to put input as type”text” then change it to type:”password” on focus and back to text when it’s out of focus. How do i do it with jquery?

<input name="pwd" type="text" class="pwd" value="" title="Password"/>
// look like below on focus and back to text on focus out
<input name="pwd" type="password" class="pwd" value="" title="Password"/>

Answer 1

You can use the new html5 attribute placeholder, like so:

<input type="password" name="pass" placeholder="Enter your password" />​

You can see here the support for this attribute in browsers. As you see it lacks for IE 7, 8 and 9 , but if you want to support them check out this answer .