代码之家 › 专栏 › 技术社区 › Naveed

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

textbox jquery javascript php

2

Naveed · 技术社区 · 16 年前

我有我的网站的登录表单。此登录表单有两个文本字段:用户名和密码。目前我正在将标签(用户名、密码)放在文本字段之前。但现在我想删除这两个标签,并希望在textfield中显示文本(用户名、密码)。当用户关注这些文本字段时,文本应该被删除,用户可以输入他想要的用户名和密码。

我还注意到,当用户打开登录表单时,在text field(用户名、密码)中填充的文本的字体颜色(用户名、密码)是不同的颜色,当用户开始在该字段中键入时,先前的文本将被删除,新的字体颜色为黑色。

怎么可能?

4 回复 | 直到 15 年前

1

3

CeejeeB 16 年前

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

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

2

1

thecoshman 16 年前

您需要在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' }

3

1

Quentin 16 年前

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

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

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

4

1

Tom cmoron 16 年前

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

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