如何隱藏 html 文本框中的文本
[英]how to hide text in an html textbox
問題描述
我有一個簡單的 html 文本框，就像用戶在其中鍵入內容一樣，文本應該是不可見的，但文本應該在那里
<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>
5 個解決方案
解決方案1
4 已采納 2010-07-24 06:41:40
蘋果電腦，
您正在做的事情是使用簡單的方法無法完成的。 使用包含在問題中的代碼時，實際上是在刪除整個框的可見性，而不僅僅是文本內容。
一些想法：
- 使textcolor與背景色相同。
- 使用onKeyPress事件，在每次擊鍵后從此框中獲取值，並將其附加到頁面上其他位置（或javascript變量）的隱藏文本框中。
組合使用這些對於您嘗試執行的操作應該非常有效。
更重要的問題是：您為什么要這樣做？ 您能否詳細說明您要在這里完成的工作？
編輯：我看到你正在這樣做的密碼。 在那種情況下，為什么不使用<input type =“ password”>字段？ 這樣，瀏覽器就知道它是密碼字段，並自動隱藏輸入（使用標准點或星號）。
解決方案2
2 2010-07-24 06:57:39
而不是設置visibility="hidden"嘗試display="none"
編輯：沒有注意到它與密碼有關-在這種情況下，您應該對輸入元素使用type=password 。
解決方案3
1 2010-07-24 06:44:31
您似乎想輸入自制密碼字段？ 改為使用<input type="password" ...>會更簡單。
解決方案4
1 2010-07-24 06:46:43
對於受密碼保護的字段，請僅使用“密碼”類型。
<input type="password" size="25" />
解決方案5
0 2022-12-27 18:32:10
只需將顏色屬性作為元素的透明屬性，即在您的情況下為輸入。
jQuery datepicker-如何在datepicker文本框中隱藏文本？
[英]Jquery datepicker - How do we hide the text inside a datepicker textbox?
Javascript HTML如何使用多用戶（圖標和文本）創建文本框
[英]Javascript HTML How to create textbox with multi user (icon and text)
如何在HTML中移動占位符文本和文本框的內容？
[英]How to move placeholder text along with the content of a textbox in HTML?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.