HTMLフィールドのテキストをクリックすると消えますか？

Question

すでにテキストが入っているhtml入力フィールドを簡単に作成できます。しかし、ユーザーが入力フィールドをクリックすると、テキストは消えずにそのまま残ります。ユーザは、入力するテキストを手動で削除しなければならない。ユーザーが入力フィールドボックスをクリックしてテキストが消えると、入力フィールドをどのように作成できますか？

Answer 1

どうやってこのようなことができますか？

<input name="myvalue" type="text" onfocus="if(this.value=='enter value')this.value='';" onblur="if(this.value=='')this.value='enter value';">

それは与えられた値を復元空白のままにする場合、ユーザは、自分の値を入力した後、これが初めて焦時クリアされますが、その後の焦点で、その後は明らかではないだろう。それを達成するために

Answer 2

、あなたはONFOCUS二つの事象を使用することができますし、onBlurイベント：あなたが何をしたいか

<input type="text" name="theName" value="DefaultValue" 
    onblur="if(this.value==''){ this.value='DefaultValue'; this.style.color='#BBB';}" 
    onfocus="if(this.value=='DefaultValue'){ this.value=''; this.style.color='#000';}" 
    style="color:#BBB;" /> 

Answer 3

あなたが入力ボックスのデフォルト値を設定することができますHTML5属性placeholderを使用している：

これは、あなたが探しているものを達成するはずです。ただし、プレースホルダ属性はInternet Explorer 9以前のバージョンではサポートされていないため、注意してください。

Answer 4

これを試してみてください。

<label for="user">user</label> 
<input type="text" name="user" 
onfocus="if(this.value==this.defaultValue)this.value=''"  
onblur="if(this.value=='')this.value=this.defaultValue" 
value="username" maxlength="19" /> 

これが役に立ちます。

<input type="submit" id= "submitBtn" value="Submit"> 

が、その後のjsファイルでこの小さなjQueryのを置く：：これはあなたの送信ボタンです

<input name="myvalue" id="valueText" type="text" value="ENTER VALUE"> 

：

Answer 5

これは、私はすべてのあなたの問題を解決する必要があります解決策を考えるように簡単です

//this will submit only if the value is not default 
$("#submitBtn").click(function() { 
    if ($("#valueText").val() === "ENTER VALUE") 
    { 
     alert("please insert a valid value"); 
     return false; 
    } 
}); 

//this will put default value if the field is empty 
$("#valueText").blur(function() { 
    if(this.value == ''){ 
     this.value = 'ENTER VALUE'; 
    } 
}); 

//this will empty the field is the value is the default one 
$("#valueText").focus(function() { 
    if (this.value == 'ENTER VALUE') { 
     this.value = ''; 
    } 
}); 

古いブラウザでも動作します。プラスそれは簡単に必要に応じて通常のjavascriptに変換することができます。

このような単純な

Answer 6

：<input type="text" name="email" value="e-mail..." onFocus="this.value=''">