Computación y electrónica

Cómo vaciar una caja de texto con JavaScript

Escrito por erica harisson | Traducido por contributing writer
Cómo vaciar una caja de texto con JavaScript

An HTML text box or text area allows a website visitor to type in text.

adress bar image by Wiktor Osiecki from Fotolia.com

El Modelo de Objeto de Documento (DOM) es un estándar diseñado para dar apoyo a la portabilidad de la programación en JavaScript y Java, haciendo que funcionen de forma consistente en los navegadores. Básicamente, el DOM describe objetos en un documento determinado y proporciona un método para manipularlos. Describe dos elementos del formulario para entrada de texto: , que es una caja de texto, y

, que crea una caja de texto de varias líneas. Utilizando JavaScript, el programador web puede borrar el texto introducido en estas cajas.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Un editor de texto o un programa de diseño web

Lista completaMinimizar

Instrucciones

  1. 1

    Inserta el código para crear un botón en la página web utilizando un editor de texto. El código del botón es: <input type="button" name="clearValue" value="Clear Textbox" > Si lo deseas, puedes cambiar los campos "nombre" y "valor".

  2. 2

    Comprueba los atributos del cuadro de texto para la instancia de la etiqueta "id=". Si no tiene ninguna, añade lo siguiente al cuadro de texto: id="nombreDeMiCampo". Cambia "nombreDeMiCampo" por el nombre que elijas.

  3. 3

    Añade el siguiente código en el botón después de la sentencia del valor: onclick="document.getElementById(''''nombreDeMiCampo'''').value='''' '''' " Cambia "nombreDeMiCampo" por el valor del identificador del cuadro o área de texto que debe ser borrada.

  4. 4

    Abre la página web en un navegador, introduce algún texto en el campo de texto y haz clic en el botón para borrarlo. El texto que introdujiste debería desaparecer.

Consejos y advertencias

  • Puedes añadir el código para borrar un cuadro de texto en funciones o en otro tipo de eventos como "onChange".
  • JavaScript es un lenguaje sensible a las mayúsculas y minúsculas. Por lo tanto, "NombreDelCampo" y "nombreDelCampo" son distintos. Asegúrate de utilizar las mayúsculas correctamente.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media