c# - 密码字段的水印文本

Question

我的页面上有一个密码字段。我想在输入密码之前在屏幕上的密码字段中显示水印文本“输入密码”，它将文本显示为密码类型。我们如何使用 javascript 来解决这个问题？

Answer 1

最简单的方法是使用允许为密码字段添加水印的 jQuery 插件。我想出了this plugin进行快速的谷歌搜索。

如果您不想使用 jQuery 插件，则需要 2 个 html 输入，一个可见，一个隐藏。隐藏的值包含您想要传回服务器的实际值，而可见的值是您使用 javascript 操作并与用户交互的值。下一部分是一起操作 2 个输入。以下是我能想到的编码的重要部分:

• 当您的可见密码输入为空时，将其类型更改为文本并显示水印，但将隐藏的输入留空。
• 如果用户给予焦点，则隐藏水印并切换回密码。
• 当他们输入时，将值复制到隐藏字段中。
• 如果他们离开输入并且没有文本，请将类型切换回文本并再次显示水印。

尝试使用插件或自己编写 JavaScript，然后让我知道效果如何。