Question

83

how to hide text in an html textbox

rated 0 times [ 90] [ 7] / answers: 1 / hits: 24447 / 14 Years ago, sat, july 24, 2010, 12:00:00

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>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kennedi

Add To Favorites

Follow

Total Points: 702

Total Questions: 109

Total Answers: 111

Location: Vietnam

Member since Sun, Oct 18, 2020

4 Years ago

kennedi questions

1 Bootstrap5 modal not displaying in React.js after clicking on the button

Fri, Dec 25, 20, 00:00, 4 Years ago

1 animate v-if with slide down/up transition (Vue.js 2)

Thu, Oct 15, 20, 00:00, 4 Years ago

1 createAsyncThunk from Redux Toolkit yields undefined payload when fetching data from Firebase

Sat, Jun 13, 20, 00:00, 4 Years ago

1 Is it possible to force Node.js to JIT compile code?

Sat, Dec 14, 19, 00:00, 5 Years ago

1 angular try catch vs catcherror

Mon, Dec 9, 19, 00:00, 5 Years ago

View All

answered 14 Years ago earllutherf · Accepted Answer

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).