Texto por defecto en campos de un formulario

1 COMENTARIO -  Publicado hace 50 meses -  Clasificado en: , ,

Esta es una forma muy sencilla de incorporar un texto por defecto en los campos 'input' y que al hacer click sobre ellos desaparezca. Útil para incorporar descripciones a los campos.

<input type="text" name="url" id="url" class="texto" value="www.midominio.com" onfocus="if(this.value=='www.midominio.com')this.value=''" />

1.- Establecemos un valor por defecto: value="www.midominio.com".
2.- Cuando se establece el foco sobre el campo, es decir, cuando se hace click sobre el campo, evaluamos si el valor sigue siendo el valor por defecto y en ese caso borramos el contenido.

Algunas entradas relacionadas:

También te puede interesar:

Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.

Hacer tus temas de WordPress SEO Friendly

Hacer tus temas de WordPress SEO Friendly

Ketchup: tomar notas de reuniones, de la forma más sencilla posible

50 hermosos y efectivos ejemplos de packaging

SkinPress

SkinPress

Buzzup Docs

Buzzup Docs

7 reglas de oro para hacer un javascript no obstrusivo

7 reglas de oro para hacer un javascript no obstrusivo

COMENTARIOS

Publicado hace 1 mes
Jorge Alberto Jiménez Díaz -  
ola!!!!!

es justo lo que buscaba, muchas gracias por esta solucion y tantas otras, a mi me han salvado muchas veces...

solo una pequeña aportacion para este caso q funciona perfecto:



gracias
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com