带有消失的默认文本的codeigniter文本字段答案

【问题标题】：codeigniter textfield with disappearing default text带有消失的默认文本的codeigniter文本字段
【发布时间】：2011-06-05 22:45:23
【问题描述】：

我正在使用 codeigniter 创建一个表单，我想知道是否有一种方法可以创建具有默认文本的文本字段，并且一旦用户单击该字段，默认文本就会消失。我想知道codeigniter中是否有任何方法可以让我们这样做？

谢谢任何努力将不胜感激

【问题讨论】：

标签： codeigniter

【解决方案1】：

重要提示：此解决方案已于多年前发布，不再适用。请参阅下面的编辑以了解使用 HTML5 的替代解决方案。

您需要 jQuery 来实现 DOM 功能。 jQuery 最酷的地方在于，我们每天在 Web 2.0 网站上看到的许多功能已经有了对应的 jQuery 插件。顺便说一句，Codeigniter 是一个 PHP 框架，而 jQuery 是 javascript 框架，所以你不需要 Codeigniter 来实现这个特定的功能。

您需要的是一个用于 jQuery 的标签内插件。这是迄今为止我尝试过的最好的：http://fuelyourcoding.com/scripts/infield/

至于代码，这基本上是您唯一需要的：

$("label").inFieldLabels();

它不会直接删除文本，而是会慢慢淡化内联标签，或者直到您输入内容。看看吧。

迄今为止，上述解决方案已不再需要。使用 HTML5，用户可以使用以下 HTML 代码：

<input type="text" name="name" placeholder="Enter your name here" />

【讨论】：

总是很开心。顺便说一句，我喜欢你的问题。它很独特，也很有趣。实际上，直到现在我才记得再次使用此功能。 +2 对您的问题和评论。 ;)
谢谢！太好了......最重要的是，只有一条线就可以了......很好，希望我能投票两次

【解决方案2】：

如果您不需要它在旧版浏览器和 IE 中工作，最简单的解决方案是使用 html5 属性 placeholder。

另一种选择是使用 Jhourlad Estrella 建议的 javascript。

【讨论】：