Develop the necessary javascript functions that will clear default text when the user clicks on the input fields in an asp.net text box for a Username and Password text boxes and restore the default values when no value has been entered in the textboxes.
## Deliverables
Develop the necessary javascript functions that will clear default text when the user clicks on the input fields in an asp.net text box for a Username and Password text boxes and restore the default values when no value has been entered in the textboxes. The password TextMode is set to Password and the Username is not. The asp.net textbox control ids are txtUserName and txtPassword. The default text should be Username and Password respectively. When the user types in a password the password should not display in clear text. All three textbox controls will be asp.net textboxes.
No third party controls or technologies including AJAX are to be used on this project besides JavaScript and asp.net.
?
The username field will be clear text
?
Since it is not possible to change the type property of an input field in JavaScript, there should be two fields used for the Password, one that the user actually types in the password into and the other that displays the default text of Password. When no value has been entered into the real Password text box and the control looses focus then the other (Clear text type) Password field should be visible. If the user has entered a value into the actual password field the control should not be hidden anymore. The controls visibility should be due to <div> tags wrapped around each Password text box. The div tags should be become visible or hidden accordingly. ? The same functionality should be used for the mouseover and mouseout events of the controls. Both password textboxes should never be visible at the same time regardless if JavaScript is supported or not. If JavaScript is not supported then the real password text box should be visible and the clearing of the default value should not function. The user should never be typing in the clear text password field.
?
When showing the real password field the user should not have to reclick on the field after clicking on the clear password field that makes the real password field fisible.
?
The javascript should be compatible with all major browsers (IE, Firefox, Netscape, Chrome, Mozella, Safari, and others) from the most recent version to 2 past versions of each or more if possible.
?
The java scripting should be coded with modern java scripting best practices
Any installation instructions should be included with the deliverables.