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

文本框中的背景文本

  •  3
  • Geeth  · 技术社区  · 14 年前

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

    例如:stackoverflow ask question页中的标题文本框。

    需要:如果我在文本框中输入一些文本,它应该消失。

    吉萨

    3 回复  |  直到 14 年前
        2
  •  1
  •   Jinal Desai - LIVE    14 年前

    同样,您需要使用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');"/>
    

    因此,当您控制获得焦点时,默认文本将被清除。 蚂蚁就是这样。

    希望这会有所帮助!

        3
  •  1
  •   vitorbal    14 年前

    既然您将jquery作为问题的标记,我假设您已经在项目中使用了jquery。在这种情况下,这里有一个简洁的插件,可以实现以下功能: Labelify . 祝你好运!