帶有消失默認文本的codeigniter textfield

Question

我使用codeigniter創建了一個窗體，我想知道是否有一種方法可以創建具有默認文本的文本字段，並且只要用戶在該字段上單擊默認文本就會消失。我想知道在codeigniter中是否有任何方法可以讓我們做到這一點？

感謝 任何努力可以理解

Answer 1

重要提示：很多年前，這個方案被張貼，不再適用。請參閱下面的編輯，瞭解使用HTML5的替代解決方案。

您需要針對DOM功能的jQuery。關於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瀏覽器的工作。

另一種選擇是使用JavaScript，如Jhourlad Estrella建議。