如何使用jquery清除鼠标单击的每个特定输入字段

问题描述

|| 我的表格带有一些有价值的文字输入，例如，请输入姓名等。  我希望当客户端单击文本字段时默认文本消失。我在搜索后添加了onclick = \“ this.value = \\\\'\\\'\”，但无法清除，请帮忙。     

解决方法

您可以在搜索框中使用stackoverflow所使用的内容：

<input onfocus=\"if (this.value==\'search\') this.value = \'\'\" type=\"text\" value=\"search\">

另外，这是关于同一件事的问题：如何使HTML文本框为空时显示提示？ 注意：通过HTML5，您可以使用以下内容：

<input type=\"email\" name=\"address\" placeholder=\"[e-mail]\">

http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#attr-input-placeholder     ,这应该做到这一点。

$(\'#yourFormId\').find(\'input\').click(function(){
    $(this).val(\'\');

}

但是您实际上可能想要的是类似于labelOVer插件： http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#labelOver     ,我建议将onfocus与onblur一起使用。如果客户端将光标设置为字段文本，则将其隐藏，但如果未将其写入字段，则返回默认文本。

<input type=\"text\" value=\"search\" onfocus=\"if(this.value==\'search\') this.value=\'\'\" onblur=\"if(this.value==\'\') this.value=\'search\'\">

    ,像这样

$(\'#userName\').onfocus(function(){
   if($(this).val() === \'User Name\'){
    $(this).val(\'\');
 }
})
.onblur(function(){
    if($(this).val() === \'\'){
        $(this).val(\'User Name\');
     }
});