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

时间:2011-04-14 12:36:11

标签: jquery html forms

我的表格有文字输入,有一些价值,即请输入姓名等。  我想当客户点击文本字段时默认文本消失。我在搜索后添加了onclick =“this.value = \'\'”但是它没有清除请帮忙。

4 个答案:

答案 0 :(得分:4)

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

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

此外,这是一个关于同一事情的问题:How do I make an HTML text box show a hint when empty?

注意:使用HTML5,您可以使用以下内容:

<input type="email" name="address" placeholder="john@example.net">

http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#attr-input-placeholder

答案 1 :(得分:0)

这应该这样做。

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

}

但你可能真正想要的是像labelOVer插件: http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#labelOver

答案 2 :(得分:0)

我重新使用onflur onflur。如果客户端将光标设置为字段文本是隐藏,但如果它不写入字段 - 默认文本将返回。

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

答案 3 :(得分:0)

它是这样的,

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