JQueryを空にするテキストフィールドをクリックしたとき

Question

テキストフィールド（HTMLフォーム）をクリックして何かを書き込むにはどうすればよいですか？

擬似コード：

On click #searchform 
Erase String in #searchform 

Answer 1

Try it here

$('#searchform').click(function() { 
    if ($(this).val() == 'Enter search term') { 
     $(this).data('original', $(this).val()).val(''); 
    } 
}); 

$('#searchform').blur(function() { 
    if ($(this).val() == '') { 
     $(this).val($(this).data('original')); 
    } 
}); 

EDIT今のところ、あなたはplaceholder属性を使用する必要がありますし、あなたがしたい場合は、不足しているためポリフィルとして上記を使用しますプレースホルダのサポート。

if (!('placeholder' in document.createElement('input'))){ 
    $('input[placeholder]').each(function() { 
     $(this).placeholder(); 
    }); 
} 

元のコードをプラグインに変えて、簡単に使用できるようにします（いくつかの小さな改造機で）。

jQuery.fn.placeholder = function() { 
    return this.each(function() { 
     var value = $(this).attr('placeholder'); 
     jQuery(this).val(value).addClass('placeholder'); 
     jQuery(this).focus(function() { 
      if (jQuery(this).val() == value) { 
       jQuery(this).val('').removeClass('placeholder'); 
      } 
     }); 

     jQuery(this).blur(function() { 
      if (jQuery(this).val() == '') { 
       jQuery(this).val(value).addClass('placeholder'); 
      } 
     }); 
    }); 
}; 

Answer 2

$('#searchform').click(function() { $(this).val('') }) 

Answer 3

あなたは、このようなとしてフィールドからデフォルト値をクリアするために欠けている場合は、「検索用語を入力し、」私は次のコードを使用し

function clearText(thefield){ 
if (thefield.defaultValue==thefield.value) 
thefield.value = "" 
} 

をして、私の入力フィールドに、私は追加します。

onfocus="clearText(this)" 

だから、それは次のようになります。

<input type="text" name="username" value="enter your name here" onfocus="clearText(this)"> 

Answer 4

HTML5プレースホルダ属性を使用することをおすすめします。例：

<input type="text" placeholder="some default string if empty" /> 

これは最新のブラウザのほとんどで動作し、古いものは回避策jQueryプラグインがあります。ここにはplaceholder pluginへのリンクがあります。

は、それから、あなたは、単に呼び出す：

$('input[placeholder]').placeholder();