javascript - 在输入元素中隐藏文本

标签 javascript jquery html forms

我有一个文本输入,我想在给定事件中隐藏文本(我在不需要时禁用输入)。当给定事件反转时,我想显示隐藏文本。

我知道我可以存储值并根据需要检索。我想避免移动数据,因为这纯粹是一种整容操作。

可以隐藏输入文本,还是只能操纵输入中的数据?我想要最简单的解决方案。是吗?

我可以使用纯 JS 和 jQuery。

最佳答案

我会使用同一输入对象的“值”属性,因为该属性是默认值。在这种情况下,您甚至不需要任何额外的变量。这种方法的想法来自属性和属性之间的差异。这意味着如果您更改对象的 value 属性,属性值将保持与之前相同。

var input = document.querySelector('input');

function hide() {
    input.value = "";
}

function show() {
    input.value = input.getAttribute('value');
}
<input type="text" value="Some text">
<button onclick="hide()">Hide</button>
<button onclick="show()">Show</button>

关于javascript - 在输入元素中隐藏文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27490663/

相关文章:

javascript - 如果 cookie 存在则运行函数

javascript - 在没有 Canvas 的情况下将字节数组转换为图像数据

javascript - Google Charts 表在分页之前忽略宽度

javascript - .val() 不起作用 - 找不到解决方案

php - 在 PHP 中从 mysql 检索图像时无法查看图像

javascript - 如何使用 AudioContext 对象渲染静态 vaweform

javascript - JQuery 窗口滚动

javascript - 改变 div 的使用 jquery 问题?

html - thead、tbody 和 tfoot 背景图像未在 chrome 中显示

html - 文本转换样式不起作用