如何在textfields中设置用户名和密码的标签？

问题描述：

我有我的网站的登录表单。此登录表单有两个文本字段，即用户名和密码。目前我在textfields之前放置标签（用户名，密码）。但现在我想删除这两个标签，并希望在文本框内显示文本（用户名，密码）。当用户关注这些文本框时，文本应该被删除，并且用户可以输入他想要的用户名和密码。如何在textfields中设置用户名和密码的标签？

我也注意到，当用户打开登录表单时，文本字段（用户名，密码）中填充的文本（用户名，密码）的字体颜色是不同的颜色，当用户开始在该字段中输入时，先前的文本被删除新的字体颜色是黑色的。

这怎么可能？

答

您可以使用jQuery插件，如本one或本one

这些做你需要的东西，我认为它们都支持水印的单独样式。

第一个为我工作：http://updatepanel.wordpress.com/2009/04/17/jquery-watermark-plugin/ – NAVEED 2010-03-29 10:14:39

答

请参阅http://dorward.me.uk/tmp/label-work/了解使用YUI3和jQuery（但不能同时使用）的可访问示例，我将在某个阶段正确记录这些示例。

本质上，使用CSS来定位输入下的标签，并使用JS来翻转类。

（更常见的做法是改变与JS输入的值，但这可访问性问题）

您使用是完美的。我不允许在body标签中添加类。你有替代吗？ – NAVEED 2010-03-29 09:47:43

将其设置在其他元素上。 – Quentin 2010-03-29 10:10:09

答

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

然后，您需要为for元素设置onFocus代码。您需要将其设置为类似

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

您可能还需要屁股一些代码到的onblur（当盒子左），可以检查该字段为空，然后做这样的事情

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

答

设置该值对于用户名字段很合适，但是当您尝试对密码字段执行相同操作时会遇到各种问题;它不是我会推荐的方法。

由于CeeJeeB表明，这will为您的需求

如何在textfields中设置用户名和密码的标签？

相关推荐