Question: I have a registration form, and i want to use a password field. The problem is, i want it to have a placeholder saying "Password" at the begining so i'm using a text field instead. I need to turn the characters into asterisks or black circles like a password field when the user starts typing.  

I've tried changing the "type" attribute to "password" through javascript, so i'm stuck.  

Is there a simple way to resolve this with css? or does anyone know of a good javascript(preferably jquery) to hack this?  

Thanks

Answer: 
Hover a `div` or a `span` tag over your text (password) field, then hide it when the password field takes focus or the div/span is clicked.
You could use the HTML5 [`placeholder` attribute](http://www.w3schools.com/html5/att_input_placeholder.asp) However, that will not work in all browsers (especially older ones).

```
<input type="password" name="pwd" placeholder="Enter Password" />

```