Cómo cambiar un borde del cuadro de texto Uso de JavaScript

El lenguaje de programación JavaScript le permite cambiar dinámicamente el diseño elementos HTML 'incluido el borde de un elemento de cuadro de texto. Cada elemento de la página HTML contiene varias clases CSS. Puede utilizar estas clases en sus funciones de JavaScript para cambiar los diseños, como el borde del cuadro de texto. Cambia bordes del cuadro de texto de forma dinámica para hacer un cuadro de texto se destacan en contra de los otros; por ejemplo, se utiliza esta función para la circunstancia cuando un usuario se olvida de llenar una parte de un formulario - se establece la frontera como rojo para indicar que el usuario debe llenar la información antes de continuar.

Instrucciones

1 Haga clic en el archivo HTML que contiene el cuadro de texto que desea editar. Haga clic en "Abrir con", a continuación, haga clic en el editor de HTML o JavaScript que se utiliza para editar el código.

2 Busque el cuadro de texto que desea editar. Es necesario el valor "ID" del cuadro de texto para el código JavaScript. Si usted no tiene un cuadro de texto ya creado, el siguiente código crea una para ti:

<Input type = "text" id = "mybox" value = "valor" />

3 Escriba el siguiente código de JavaScript para cambiar el borde del cuadro de texto:

. Document.getElementById ( "mybox") style.border = "negro sólido 1px";

El código anterior añade un borde negro sólido de 1 píxel alrededor del cuadro de texto.