Cómo mostrar y ocultar los cuadros de texto en JavaScript

JavaScript le permite establecer la propiedad "visibilidad" de un cuadro de texto. Puede ajustar dinámicamente la propiedad de visibilidad para mostrar u ocultar un cuadro de texto. Por lo general, mostrar y ocultar un cuadro de texto basado en la entrada del usuario en un botón de este tipo. Se establece el evento "clic" en un botón, determinar el estado de visibilidad actual del cuadro de texto y mostrar u ocultar el control basado en el estado de visibilidad actual.

Instrucciones

1 Haga clic derecho en la página HTML que contiene el cuadro de texto que desea editar. Haga clic en "Abrir con", a continuación, en el editor de HTML y haga clic en "Abrir". También puede establecer el cuadro de texto en un archivo JavaScript "JS". Si tu JavaScript es externo, abra el archivo JS en su lugar.

2 Cree la función JavaScript. La función siguiente, se configura la función utilizada para cambiar el estado de visibilidad:

MostrarOcultar función () {

}

3 Mostrar u ocultar el cuadro de texto. Escriba el siguiente código en la función creada en el paso anterior:

si (textbox.style.visibility == 'oculta') {

textbox.style.visibility = "visible";

}

else {

textbox.style.visibility = 'oculta';

}

El código anterior comprueba si la visibilidad es oculto. Si está oculto, el código cambia el estado a "visible". De lo contrario, cambia el cuadro de texto para "oculta".

4 Escriba la función en el evento "clic" de un control de botón. Agregue el código siguiente al botón que desea utilizar para mostrar u ocultar el cuadro de texto:

onclick = "MostrarOcultar ()"