値を削除する=「コメント？」入力ボックスからクリックするとすぐに

Question

入力ボックスが作成され、「コメント？」と表示されます。ユーザーが何かを入力する前に。コード;

  <input type="text" name="saysome" value = "comments?"/> 

しかし、この「コメント？」を削除しますか？私はここの検索ボックスのように入力ボックスをしようとしています、実際には同じです。どうすればいいですか？それはjavasciptだけでできますか？ :(

おかげ

のjQueryなし

Answer 1

：。

が入力にIDを付けて、onclickイベントを使用してその値をクリア

<input type="text" name="test" id="test" value="test" onclick="if(document.getElementById('test').value=='test')document.getElementById('test').value='';"> 

はまた、HTMLを使用していない古いブラウザをサポートしています5.

Answer 2

ここにあるhtml5プレースホルダ属性を使用できます。 HTML5 Specs

例えば

：

<input type="text" name="saysome" placeholder = "comments?"/> 

また、HTML5をサポートしていないブラウザのためのJavaScriptのアプローチを取ることができます。

Answer 3

非jqueryの：

onClick="clearComments()" 

function clearComments() { 
    commentInput = document.getElementById("commentsId"); 
    if(commentInput.value == 'comments?') { 
     commentInput.value = ''; 
    } 

} 

Answer 4

他のコメンターが述べたように、プレースホルダをチェックアウトする必要があります。あなたの質問に答えるために、このメソッドは、ユーザーがまだ何かを入力していなければ、マウスのクリックでテキストを削除します。これは、入力のIDがtextboxであることを前提としています。あなたはあなたが持っているものに変更しなければなりません。そうでなければ、入力にidを割り当てる必要があります。

<input id="textbox" type="text"/> 

とJS：

document.getElementById('textbox').onclick = function() 
{ 
    var box = document.getElementById('textbox'); 
    if(box.value==box.defaulValue)box.value ==''; 
} 

Answer 5

簡単な方法は、ユーザーがそれ

<input type="text" name="TB" value="Please Enter.." onfocus="this.value==this.defaultValue?this.value='':null"/> 

Answer 6

<input type="text" name="saysome" onblur="if(this.value=='') this.value='comments?';" onclick="this.value=''" value="comments?" /> 

に何かを入力した場合、それはいつでもボックスにフォーカスがある、としませクリアされますこの例を参照@http://x.co/Z2pa