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

使表单中的“helper”文本与键入文本的颜色不同

  •  0
  • aslum  · 技术社区  · 14 年前
    <input name="phone" type="text" id="phone" value="Phone #" onfocus="value=''">
    

    第二种是用这种方法( onfocus="value''" )如果你在一个字段中输入了错误的内容,然后又回到它上面,你必须重新输入整个内容,这是不可接受的。

    3 回复  |  直到 14 年前
        1
  •  2
  •   Cocowalla    14 年前

    这里有一个非常简单的jQuery插件,它可以满足您的需要:

    http://blog.amnuts.com/2009/02/17/text-box-hint-values-with-jquery/

    它使用CSS可以达到您想要的效果。

    这里还有一个简单的jQuery插件:

    http://fuelyourcoding.com/scripts/infield/

    它提供的功能稍有不同,水印文本会一直保留到您开始键入。

        2
  •  0
  •   Tgr    14 年前

    编辑:有一个 jQuery plugin 为了这个。

        3
  •  0
  •   Jawa user2675589    14 年前

    也许帮助文本应该完全不在字段范围内?”Phone#“似乎更像是字段的标题,而不是帮助文本。

    如果提示不是一直都需要,也许根本就不需要?如果需要的话,当用户输入内容时会发生什么?一个人不应该有突然消失的UI元素或文本。

    推荐文章