<input name="phone" type="text" id="phone" value="Phone #" onfocus="value=''">
我这里有两个问题。主要的是我希望帮助文本(在本例中为“电话号码”)与用户输入的文本颜色不同,以便用户更容易区分填充和未填充的字段。
第二个是使用这种方法 ( onfocus="value''"
) 如果您在某个字段中输入错误并返回它,您必须重新输入整个内容,这是不可接受的。
<input name="phone" type="text" id="phone" value="Phone #" onfocus="value=''">
我这里有两个问题。主要的是我希望帮助文本(在本例中为“电话号码”)与用户输入的文本颜色不同,以便用户更容易区分填充和未填充的字段。
第二个是使用这种方法 ( onfocus="value''"
) 如果您在某个字段中输入错误并返回它,您必须重新输入整个内容,这是不可接受的。
有一个很棒的、简单的 jQuery 插件,可以在这里做你想要的:
http://blog.amnuts.com/2009/02/17/text-box-hint-values-with-jquery/
它使用CSS实现了您想要的效果。
这里还有另一个简单的 jQuery 插件:
http://fuelyourcoding.com/scripts/infield/
那个提供稍微不同的功能,因为水印文本会一直保留到您开始输入。
与将文本字段的值用作帮助文本不同,将标签放置在字段上并在文本字段不为空时将其隐藏起来会更好,更易于访问。
编辑:也有一个jQuery 插件。
也许帮助文本应该完全不在该领域?“电话号码”似乎更像是字段的标题,而不是帮助文本。
如果始终不需要提示,也许根本不需要?如果需要,当用户输入内容时会发生什么?不应该有突然消失的 UI 元素或文本。