如何使用JavaScript使“输入类型文本”不可见？

如何使用JavaScript使文本框消失并重新出现？

将此代码放在第页：

<input type="text" value="Text box"/>
<input type="button" onclick="toggle();"/>

现在，只需为您的输入标记提供一个id元素，并将此“id”传递给按钮上javascript函数的调用。比如：

<script>
function toogle(id) {
       if (document.getElementById(id).style.visibility = 'hidden') {
            document.getElementById(id).style.visibility = 'visible'; 
       } else {
            document.getElementById(id).style.visibility = 'hidden'
       }
}
</script>

将此代码放在第页：

<input type="text" value="Text box"/>
<input type="button" onclick="toggle();"/>

现在，只需为您的输入标记提供一个id元素，并将此“id”传递给按钮上javascript函数的调用。比如：

<script>
function toogle(id) {
       if (document.getElementById(id).style.visibility = 'hidden') {
            document.getElementById(id).style.visibility = 'visible'; 
       } else {
            document.getElementById(id).style.visibility = 'hidden'
       }
}
</script>

JavaScript:

<input id="element1" type="text" value="Text box"/>
<input type="button" onclick="toggle('element1');"/>

HTML:

JavaScript:

<input id="element1" type="text" value="Text box"/>
<input type="button" onclick="toggle('element1');"/>

HTML:

---

JQuery为此提供了一些很好的内置功能：

<input id="element1" type="text" value="Text box"/>
<input type="button" onclick="toggle();"/>

---

JQuery为此提供了一些很好的内置功能：

<input id="element1" type="text" value="Text box"/>
<input type="button" onclick="toggle();"/>

---

你是如何把这段代码放到stackoverflow的编辑器上的？它不允许我在我的回复上添加输入标签，甚至以“>”字符开头。谢谢，我不知道为什么，它没有显示你的帖子。这就是我撞车的原因\@Gabriel-您需要标记代码并单击编辑器中的“代码”按钮。出于兴趣，display=和display='block'之间是否存在差异？您是如何将此代码放在stackoverflow的编辑器上的？它不允许我在我的回复上添加输入标签，甚至以“>”字符开头。谢谢，我不知道为什么，它没有显示你的帖子。这就是我撞车的原因\@加布里埃尔-你需要标记你的代码，然后点击编辑器中的代码按钮。出于兴趣，display=和display='block'之间是否存在差异？谢谢，我不知道为什么，它没有显示你的帖子。这就是我撞车的原因\谢谢，我不知道为什么，它没有显示你的帖子。这就是我撞车的原因\