具有消失的默认文本的codeigniter文本字段

Question

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

由于 任何努力都将受到赞赏

Answer 1

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

您需要jQuery for 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" />

Answer 2

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

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