Marcofbb Noticias y Artículos Webmasters



Publicidad marcored

Vaciar input al dar click

  • 29/11/2010
  • 11:22 am
  • marcofbb

Para vaciar el input al dar click y si no escribimos nada que vuelva a su value original tenemos que usar los eventos onblur y onfocus.

El evento onFocus detecta la entrada (focus) en un elemento de un formulario, por ejemplo, en text, textarea o window. El evento onBlur detecta la pérdida del enfoque.

<input class="input" type="text" value="Search..." name="s" id="s" onblur="if (this.value == '') {this.value = 'Search...';}" onfocus="if (this.value == 'Search...') {this.value = '';}" />

Por ejemplo implemente este código en el buscador del blog.

Saludos

Share

¿Necesitas ayuda? o ¿Asesoramiento webmaster? Registrate en nuestro foro de consultas

Posts Relacionados

Total de Comentarios: 7

Avatar
29/11/2010
12:24 pm

Información Bitacoras.com...

Valora en Bitacoras.com: Para vaciar el input al dar click y si no escribimos nada que vuelva a su value original tenemos que usar los eventos onblur y onfocus. El evento onFocus detecta la entrada (focus) en un elemento de un formulario, por ejemplo.....

Avatar
Manuel Luna
29/11/2010
7:59 pm

gracias funciona muy bien pero solo funciona en los input no tienes un codigo para los textarea ya que este codigo no funciona en los textarea.

Avatar
29/11/2010
8:27 pm

muy buen codigo, para el textarea no creo que sea util de todas formas, por que es mas como para un buscador 😉

Avatar
29/11/2010
8:28 pm

Busco alguno y te digo 🙂

Avatar
Manuel Luna
30/11/2010
12:38 am

ok gracias saludos marcofbb

Avatar
30/11/2010
6:21 pm

seguro me servira algun dia xD

Avatar
TheKrapsey
30/06/2012
3:15 am

No se compliquen la vida XD solo en el en el tag input agreguenle el atributo "placeholder" y listo..
Ejemplo:

Y listo 😀
Sin utilizar javascript jeje

Saludos!


Enviar Comentario

(*)

(*)