how to hide text in an html textbox
i am having a simple html text b开发者_C百科ox 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:
- Make the textcolor the same as the background color.
- Use the onKeyPress event, after every keystroke take the value from this box, and append it into a hidden textbox you've got elsewhere on the page (or a javascript variable.
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.
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" />
Just give color property as trasparent to the element i.e. to the Input in your case.
加载中,请稍侯......
精彩评论