2013-03-11 29 views
8

Metin kutusunda varsayılan metin kutusu değerini onclick'in temizlemenin ve form sayfasındaki birden çok metin kutusunun onblur'unun görüntülenmesinin bir yolu var mı?Metin kutusu değerlerini onclick onclick ve onclur üzerinde temizleme

+0

Hiçbir şey denediniz mi? Yer tutucu benzeri bir davranış ister misiniz? Bu bir "textbox" veya bir "input" mu? Neye tıklanmalı? Metin kutusunun kendisi mi? Her zaman temizlenmeli mi? Ya da sadece belirli koşullar altında? – Zeta

+0

Evet Bir form sayfasındaki birden çok metin kutusuna bir yer tutucu davranışını istiyorum –

+0

HTML5 yer tutucu etiketini kullanabilirsiniz. '- bu size istemek? (http://jsfiddle.net/fnkr/69pt9/)[Buradan bakın) – fnkr

cevap

1

function Clear1(str) 
 
{  
 
    document.getElementById(str).value= ""; 
 
} 
 

 
function Clear2(str2) 
 
{  
 
var aa1=document.getElementById(str2); 
 
\t if (aa1.value==""){ 
 
    document.getElementById(str2).style.backgroundColor = "#ffcccc"; 
 
\t }else{ 
 
    document.getElementById(str2).style.backgroundColor = "#ffffff"; 
 
    } 
 
}
<input type="text" value="test1" onClick="Clear1(this.id);" id="textbox1" onblur="Clear2(this.id);"> 
 
<input type="text" value="test2" onClick="Clear1(this.id);" id="textbox2" onblur="Clear2(this.id);"> 
 
<input type="text" value="test3" onClick="Clear1(this.id);" id="textbox3" onblur="Clear2(this.id);"> 
 
<input type="text" value="test4" onClick="Clear1(this.id);" id="textbox4" onblur="Clear2(this.id);"> 
 

 

 

 

 

https://jsfiddle.net/warunamanjula/qy0hvmyq/1/

+0

https://jsfiddle.net/warunamanjula/qy0hvmyq/3/ –

8

HTML:

<input type="text" value="" onClick="Clear();" id="textbox1> 
<input type="text" value="" onClick="Clear();" id="textbox2> 
<input type="text" value="" onClick="Clear();" id="textbox3> 
<input type="text" value="" onClick="Clear();" id="textbox4> 

JavaScript:

function Clear() 
{  
    document.getElementById("textbox1").value= ""; 
    document.getElementById("textbox2").value= ""; 
    document.getElementById("textbox3").value= ""; 
    document.getElementById("textbox4").value= ""; 
} 

Sorunuz bana biraz muğlak, ama bir tıklandığında yukarıdaki tüm metin kutularının silecektir. Umarım bu size yardımcı olur.

+1

DRY 'işlevi Clear (obj) {obj.value = ''} 've çağırma ' Bellash

5

Bir Hat çözümü

<input type="text" value="" onClick="this.value='';" id="textbox1"> 

veya

<input type="text" value="" onClick="this.value=='Initial Text'?this.value='':this.value;" id="textbox1"> 
+0

Her seferinde bunu silecektir, sadece varsayılan değer değil.İlk defa olsun ya da olmasın muhtemelen bir bayrak gerekir. – fejese

+2

' Bellash