h1

Borrar valor de un un campo de texto

3 mayo 2009

¡Buenas a todos!

Hoy os explicaré un sencillo truco que dará un gran efecto a los formularios que creemos a nuestras webs.

Seguramente habremos visto como a veces cuando pinchamos dentro de un campo de textarea desaparece el texto predefinido por el diseñador web. Hoy os explicaré como hacer este sencillo ejemplo en JavaScript.

Por un lado tenemos el campo de texto dentro del formulario :


<form name="formulario" action="siguiente. php" method="POST">

<textarea name="campo" rows="4" cols="45" onClick="Borrar ()">Texto a borrar</textarea>

</form>

 

Como podemos ver cuando pinchemos  encima del campo iremos a la función Borrar()

function Borrar ()

{

         if (document.formulario .campo.value==" Texto a borrar&lt;/ ")

            document.formulario.campo. value="";

}

En esta función comprobamos si  el campo tiene el texto predefinido y si es así se elimina y se queda vacio.

¡Gracias!

Juncal Cepeda

About these ads

8 comentarios

  1. Sería interesante “como aplicar esto a flash”
    Saludos


  2. hay un modo mas sencillo para borrar el texto ro defecto del textarea:
    poner dentro de las etiquetas textarea la siguiente orden de java
    onClick=’this.defaultValue=””‘
    un ejemplo sería;
    Aquí su mensaje por defecto que desee borrar


    • perdón el código no salió
      Aquí su mensaje por defecto que desee borrar


      • (sourcecode language=html) [textarea name="coment" cols="32" rows="6" onClick='this.defaultValue=""'] (/sourcecode)


      • jajaja wordpress…

        [textarea name="coment" cols="32" rows="6" onClick='this.defaultValue=""']


  3. [HTML] Aquí su mensaje por defecto que desee borrar [/HTML]


  4. JAJAJA bueno el ejemplo n lo se poner en un comentario, considera los [y] los corchetes de html;
    [textarea name="coment" cols="100" rows="6" onClick='this.defaultValue=""']Aquí su mensaje:[/textarea]
    con este código solo se borra el texto por defecto del formulario…
    Gracias, y siento lo de los anteriores comentarios… no he sabido poner código en una respuesta.


  5. Todo más que claro ;)



Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

A %d blogueros les gusta esto: