ubiquitour.com

Cómo deshabilitar los cuadros de texto

El elemento "Input" de HTML es una de las entidades más importantes en el desarrollo web. Sin el elemento de entrada, páginas de web tendría sin botones, casillas de verificación, botones radio o cuadros de texto. Los desarrolladores web se basan en formas para capturar la entrada del usuario. Formas consisten en cuadros de texto. Cada cuadro de texto tiene una propiedad "disabled". Establece en "false" para permitir a los usuarios introducir datos en cuadros de texto. Establecido a "true" para hacer los cuadros de texto de sólo lectura. Cuando la aplicación web necesita deshabilitar los cuadros de texto, utilice JavaScript para bloquear esos elementos.

Instrucciones

1 Inicie Bloc de notas o su editor de HTML.

2 Abra uno de los archivos HTML que tiene cuadros de texto.

3 Agregue el siguiente código JavaScript en la sección del archivo "cabeza":

< script language = "javascript" type = "texto/javascript" >

función de {DisableTextBoxes()}

entradas var = document.getElementsByTagName("input");

para (var i = 0; i < inputs.length; i ++)

{

var entrada = inputs [i];

Si (input.type == "texto")

Input.Disabled = true;

}

}

< /script >

Este código recupera todos los elementos "input" en la página y la almacena en la variable denominada "entradas." El código recorre los elementos y establece las propiedades de "discapacitados" de todos los cuadros de texto "true."

4 Añadir este código HTML en cualquier lugar en la sección del archivo "cuerpo":

< id entrada = "DisableTextBoxes" type = "button" value = "Desactivar cuadros de texto" onclick = "return DisableTextBoxes()" / >

Esto crea un botón que le permite probar el código JavaScript. Al hacer clic en el botón, se ejecutará el código JavaScript.

5 Guarde el archivo y abrirlo en su navegador. Escriba texto en los cuadros de texto.

6 Haga clic en el botón "Desactivar cuadros de texto". Trate de ingresar texto en los cuadros de texto. No puede hacerlo porque la función de JavaScript había deshabilitado les.

Consejos y advertencias

  • Para activar los cuadros de texto, modifique la función JavaScript "DisableTextBoxes". Reemplazar "input.disabled = true;" con "input.disabled = false;".