dado un <textarea> con un valor por defecto de la siguiente manera:¿Cómo borrar el área de texto al hacer clic?
<textarea>Please describe why</textarea>
¿Cómo borrar el valor por defecto cuando el usuario hace clic para editar el campo?
Tienes JavaScript:
function clearContents(element) {
element.value = '';
}
Y su HTML:
<textarea onfocus="clearContents(this);">Please describe why</textarea>
supongo que querrá hacer esto un poco más robusto, con el fin de no borrar la entrada del usuario cuando enfocando por segunda vez. Herearefiverelateddiscussions & articles.
y aquí está la (much better) idea que David se refiere a Dorward en los comentarios anteriores:
<label for="explanation">Please describe why</label>
<textarea name="explanation" id="explanation"></textarea>
<textarea onClick="javascript: this.value='';">Please describe why</textarea>
Por qué menos 1, hace lo que pidió el afiche. – user318747
El voto a favor no es mío, pero esta solución borra el campo de texto * cada vez que * el usuario hace clic en él. –
Probar:
<input name="mytextbox" onfocus="if (this.value=='Please describe why') this.value = ''" type="text" value="Please Describe why">
Esto no es un área de texto, entonces -1. Esto solo elimina el texto de muestra, entonces +1. –
Quizás quiso decir como esto para el campo de texto?
<input type="text" onblur="if(this.value == '') this.value='SEARCH';" onfocus="if(this.value == 'SEARCH') this.value='';" size="15" value="SEARCH" name="xSearch" id="xSearch">
¿O esto para textarea?
<textarea id="usermsg" rows="2" cols="70" onfocus="if(this.value == 'enter your text here') this.value='';" onblur="if(this.value == '') this.value='enter your text here';" >enter your text here</textarea>
La mejor solución lo que sé hasta ahora:
<textarea name="message" onblur="if (this.value == '') {this.value = 'text here';}" onfocus="if (this.value == 'text here') {this.value = '';}">text here</textarea>
Por qué no usar simplemente atribuyen el marcador de posición?
<textarea placeholder="Please describe why"></textarea>
Esto colocará el texto de relleno en gris que desaparecerá automáticamente cuando un usuario haga clic en el campo de texto. Además, volverá a aparecer si pierde el foco y el área de texto está en blanco.
Esto es solo HTML5. – harrymc
<textarea name="post" id="post" onclick="if(this.value == 'Write Something here..............') this.value='';" onblur="if(this.value == '') this.value='Write Something here..............';" >Write Something here..............</textarea>
es la mejor manera – Heart
Este es el archivo javascript:
function yourFunction(){
document.getElementById('yourid').value = "";
};
Este es el archivo html:
<textarea id="yourid" >
Your text inside the textarea
</textarea>
<button onClick="yourFunction();">
Your button Name
</button>
jQuery atribuyen val() debe hacer el trabajo. Puede hacer $('#YourTextareaID').click(function(e) { e.target.value = ''; }).
'val()' es un atributo jQuery, JS no puro es necesario mencionarlo. – william44isme
Pruebe el siguiente enlace a una página que encontré. Esta parece una muy buena solución al problema y no borra el texto si el usuario ingresa datos y toca el cuadro nuevamente.
http://www.yourhtmlsource.com/forms/clearingdefaulttext.html
Usted puede probar este código,
<textarea name="textarea" cols="70" rows="2" class="searchBox" id="textarea" onfocus="if(this.value == 'Please describe why') this.value='';" onblur="if(this.value == '') this.value='Please describe why';">Please describe why</textarea>
Eso Es un muchacho excelente plan! –
¿por qué recibí un signo negativo? – Karem
Probablemente porque no incluyó código de ejemplo ni hizo una pregunta específica (su "pregunta" fue simplemente una declaración de su objetivo, de ahí el comentario de @ Pekka). Reescribí tu pregunta para incluir ambas. – Dolph