Poner texto dentro de inputs en un formulario

12/02/12

Os dejo una forma rápida y sucia de añadir texto en un input (en una caja de búsqueda, en un campo para introducir el mail, ...) Este texto desaparece clicar dentro. Si clicamos fuera el texto vuelve a aparecer.


EDITADO (2015): Ahora existe el placeholder (así que ignora este post y haz las cosas bien :P)

Ejemplo:



1. Buscamos el input en cuestión, que será algo así:

<input id="identificador" type="text" name="nombre" />

2. Añadimos estos tres argumentos al input:

  • value="El texto que queremos mostrar"
  • onfocus="if(this.value==this.defaultValue) this.value=' ' ;"
  • onblur="if(this.value==' ' ) this.value=this.defaultValue;"

De modo que el input quedará tal que así:

<input id="identificador" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" type="text" name="nombre" value="Escribe el texto a mostrar aqui" />

Listo.

Añadir nuevo comentario

CAPTCHA

Por favor responde esta pregunta para evitar spam

11 + 4 =

Contacta