I am working on simple login form.I have two text fields as user name and password.user name text field have hint as "user name".password text field have hint as "password".I want to hide hint text while clicking inside textbox.here i faced two problems,[*]if i click inside user name text box the hint text is hiding. but when i press ctrl+z then again the hint appearing and able to edit by pressing keyboard arrow keys.[*]second one is the password text field type is password. so it is not showing hint text as "password".here is my code:\[code\]<html><head> <title>login</title><script>function ForUserName(){ if(document.getElementById('username').value =http://stackoverflow.com/questions/12757952/="user name") { document.getElementById('username').value=''; } else if(document.getElementById('username').value =http://stackoverflow.com/questions/12757952/='') { document.getElementById('username').value='http://stackoverflow.com/questions/12757952/user name'; }}function ForPassword(){ if(document.getElementById('password').value =http://stackoverflow.com/questions/12757952/="password") { document.getElementById('password').value=''; } else if(document.getElementById('password').value =http://stackoverflow.com/questions/12757952/='') { document.getElementById('password').value='http://stackoverflow.com/questions/12757952/password'; }}</script></head><body><input type="text" id="username" value="http://stackoverflow.com/questions/12757952/user name" onclick="ForUserName();" onblur="ForUserName();"><input type="password" id="password" value="http://stackoverflow.com/questions/12757952/password" onclick="ForPassword();" onblur="ForPassword();"></body></html> \[/code\]can any one please...
How to avoid showing hint text in textbox using javascript
- Thread starter Meeso
- Start date