如何在文本字段中设置用户名和密码的标签?

您可以使用这样的jquery插件 one 或者这个 one

它们可以满足您的需要,我认为它们都支持水印的单独样式。

您需要在html/php/asp文件中为用户名和密码字段设置“value”。在CSS中设置颜色为灰色的默认样式。

然后需要为for元素设置onfocus代码。你需要把它设置成

this.value = ''; this.style.color = 'black'

您可能还需要将一些代码添加到onblur(当该框保留时),以便检查字段是否为空,然后执行类似的操作

if(this.value == ''){ this.value = 'User Name'; this.style.color = 'grey' }

见 http://dorward.me.uk/tmp/label-work/ 对于一个使用yui3和jquery(但不能同时使用两者)的可访问示例,我将在某个阶段进行适当的文档记录。

本质上,使用CSS将标签放置在输入下,并使用JS翻转上面的类。

(更常见的方法是改变 价值 使用JS的输入,但这存在可访问性问题)

设置用户名字段的值是可以的,但是当您试图对密码字段进行相同的操作时,会遇到各种各样的问题;这不是我推荐的方法。

正如Ceejeeb所建议的,这个 will 完美地满足你的需求