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).
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With