Czyszczenie wartości pola tekstowego onclick i wyświetlanie onblur

Question

Czy istnieje sposób wyczyszczenia domyślnej wartości pola tekstowego onclick w polu tekstowym i wyświetleniu wielu różnych pól tekstowych na stronie formularza?

Answer 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/

Answer 2

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= ""; 
} 

Twoje pytanie było trochę niejasne dla mnie, ale powyższe będzie wyczyścić wszystkie pola tekstowe, gdy ktoś kliknął. Mam nadzieję, że to ci pomoże.

Answer 3

Jednym z rozwiązań Linia

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

lub

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