i am having a simple html text box what i want just as the user type something in it the text should be invisible but the text should be there
<html>
<head>
<title>My Page</title>
<script type="text/javascript">
function hide()
{
document.forms["text"].style.visibility = 'hidden';
}
</script>
</head>
<body>
<form name="myform">
<div align="center">
<input type="text" size="25" onkeyup="return hide();">
</div>
</form>
</body>
</html>
Mac,
What you're doing is kind-of impossible to accomplish using straightforward means. When you use the code you've included in the question, you're actually removing the visibility of the entire box, not just the text content.
Some ideas:
Combining these should be pretty effective in what you're tryin to do.
More important is the question: Why would you want to do this? Could you elaborate on what it is you're trying to accomplish here?
Edit: I see you're doing this for passwords. In that case, why not use the <input type="password"> field? That way the browser know it's a password field and hides the input automatically (using the standard dots, or stars).
It looks like you're trying to make a homebrew password field? It would be much simpler to just use <input type="password" ...> instead.
For a Password protected field please just use the "password" type.
<input type="password" size="25" />
instead of setting visibility="hidden" try display="none"
Edit: didn't noticed it's about passwords - in this case you should use type=password for the input element.