Set default image or text in html input box

Suppose you have a user login panel which shows two input text field, one for username & another for password. Now you don’t wanna use level for this input box. Then What!!!!!!!

Simply show text or image inside input box.


Here is the code…..

[sourcecode language=”javascript”]
<form action="#" method="post">

<input name="login_username" value="email" type="text" onfocus="if(this.value==’email’) this.value=”;" onblur="if(this.value==”) this.value=’email’;" />

<input name="login_password" value="" type="password" style="background:url(../images/password.gif);"/>

<input value="GO" name="login" type="submit" />

<a href=’#’>forgot password?</a>