文本框中的背景文本

Question

我想在文本框中显示背景文本。

例如：在stackoverflow提问问题页面的标题文本框。

需求：如果我在文本框内输入一些文本，它应该消失。

Geetha。

Answer 1

一个很好的链接是http://attardi.org/labels作为参考here https://stackoverflow.com/questions/781473/how-to-create-a-label-inside-an-input-element

Answer 2

您需要使用JavaScript一样。

在javascript中使用以下两个函数并完成。

 function clearDefault(obj,val) 
     { 
      objInput=document.getElementById(obj); 
      if(objInput.value==val) 
      { 
       objInput.value=""; 
      } 
     } 
     function setDefault(obj,val) 
     { 
      objInput=document.getElementById(obj); 
      if(objInput.value=="") 
      { 
       objInput.value=val; 
      } 
     } 

您需要通过使用以下两个javascript事件将其应用于您的代码。

<input name="email" type="text" class="textbox" id="email" 
    value="Email" size="12" onfocus="clearDefault('email','Email');" 
    onblur="setDefault('email','Email');"/> 

所以，当你控制得到焦点时，它的默认文本将被清除。 蚂蚁就是这样。

希望这会有所帮助！

Answer 3

那么，既然你把jQuery作为问题的标签，我假设你已经在为你的项目使用jQuery。在这种情况下，这里有一个巧妙的插件：Labelify。 祝你好运！