ubiquitour.com

Cómo deshabilitar la entrada de texto en HTML

Cómo deshabilitar la entrada de texto en HTML

Prevención de los visitantes del sitio de introducción de datos en una página web a veces es tan importante como darles la capacidad para hacerlo. Las páginas web consta de elementos HTML como cuadros de texto y áreas de texto. Cuando los usuarios introducir datos en estos controles, el navegador puede realizar una variedad de tareas, incluyendo la validación de los datos y guardando en una base de datos. Sin embargo, pueden darse situaciones donde los usuarios no tienen autoridad para actualizar un elemento HTML. Prevenir que cualquiera pueda introducir texto en cualquier control desactivando el control.

Instrucciones

1 Abrir Bloc de notas y crear un documento vacío.

2 Pegue el texto siguiente en el documento:

<! Html DOCTYPE público "-//W3C//DTD XHTML 1.0 Transitional / / EN" "del http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "del http://www.w3.org/1999/xhtml" >

< head >

< title > desactivar prueba de entrada de texto < / title >

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

< /script >

< /HEAD >

< cuerpo >

< id entrada = "textBox1" tipo = "texto" / >

< id entrada = "btnDisable" type = "button" value = "Texto de desactivar" onclick = "return disableText()" / >

< /body >

< / html >

Esto crea un cuadro de texto y un botón.

3 Agregue este código a continuación de la primera etiqueta "< script >":

función disableText() {}

var currentObject = document.getElementById("textBox1");

currentObject.disabled = "disabled";

alert("Text Disabled");

}

Esto crea una función de JavaScript que establece la propiedad "disabled" del control de cuadro de texto en "deshabilitado". Cuando un usuario hace clic en el botón, el botón llama a esta función. Utilice el comando "document.getElementById" para disponer de elementos de página, como "textBox1", en una función de JavaScript. Por ejemplo, si su página contiene otra caja de texto llamada "textBox2", obtendrás una referencia a ella mediante la introducción de esta declaración:

var currentObject2 = document.getElementById("textBox2");

4 Presione "Ctrl" + "S." Bloc de notas abrirá la ventana "Guardar como". Tipo "abc.html" en el cuadro de texto "Nombre de archivo". Haga clic en "Guardar". Bloc de notas guarde el archivo como un documento HTML.

5 Explorador de Windows abierto. Busque el archivo y haga doble clic. Su navegador lo abrirá. Escriba texto en el cuadro de texto. Haga clic en el botón. El navegador será deshabilitar el cuadro de texto y le impide introducir texto.

Consejos y advertencias

  • Archivos HTML de nombre algo que guste. Verificar que da el archivo extensión ".html" o ".htm".
  • Para volver a habilitar un control, cambiar su propiedad de "discapacitados" a "enabled".
  • El comando "document.getElementById" es un importante comando de JavaScript para aprender (ver recursos). Muchas técnicas de desarrollo web usan este comando para agregar funcionalidad a los sitios Web.