Question

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

Answer 1

您可以使用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

Answer 2

这应该这样做。

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

}

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

Answer 3

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

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

Answer 4

它是这样的，

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

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

4 个答案: