Tecnología

Inicio

Cómo deshabilitar introducción de texto en HTML

February 11

Cómo deshabilitar introducción de texto en HTML


La prevención de los visitantes del sitio a partir de la introducción de datos en una página web es a veces tan importante como dándoles la capacidad para hacerlo. Las páginas web se componen de elementos HTML como cuadros de texto y áreas de texto. Cuando los usuarios introducen los datos en estos controles, el navegador puede realizar una variedad de tareas, incluyendo la validación de los datos y guardarla en una base de datos. Sin embargo, pueden darse situaciones en que los usuarios no tienen autoridad para actualizar un elemento HTML. Evitar que cualquier persona introducir texto en ningún tipo de control mediante la desactivación del control.

Instrucciones

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

2 Pegue el siguiente texto en el documento:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<Head>

<Title> Desactivar la introducción de texto de prueba </ title>

<Script language = "javascript" type = "text / javascript">

</ Script>

</ Head>

<Body>

<Input id = "textBox1" type = "text" />

<Input id = type = "button" valor "btnDisable" = "Texto Desactivar" onclick = "return disableText ()" />

</ Body>

</ Html>

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

3 Añadir este código debajo de la primera etiqueta "<script>":

disableText función () {

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

currentObject.disabled = "desactivada";

alert ( "Texto discapacitados");

}

Esto crea una función de JavaScript que establece la propiedad "desactivado" del control de cuadro de texto a "desactivado". Cuando un usuario hace clic en el botón, el botón se llama a esta función. Utilice el comando "document.getElementById" para hacer que los elementos de página, como "textBox1", disponible en una función de JavaScript. Por ejemplo, si su página contenía otro cuadro de texto llamado "textBox2", que se obtiene una referencia a él mediante la introducción de esta declaración:

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

4 Pulse la tecla "Ctrl" + "S" Bloc de notas se abrirá la ventana "Guardar como". Tipo "abc.html" en el cuadro de texto "Nombre de archivo". Clic en Guardar." Bloc de notas guardará el archivo como un documento HTML.

5 Abra el Explorador de Windows. Busque el archivo y haga doble clic en él. Su navegador se abrirá. Escribir texto en el cuadro de texto. Clic en el botón. El navegador desactivar el cuadro de texto y le impide la introducción de texto.

Consejos y advertencias

  • Nombrar los archivos HTML lo que quiera. Compruebe que se da al archivo la extensión ".html" o ".htm".
  • Para volver a habilitar un control, cambie su propiedad "desactivado" a "activado".
  • El comando "document.getElementById" es un comando importante JavaScript para aprender (ver Recursos). Muchas de las técnicas de desarrollo web utilizan este comando para agregar funcionalidad a los sitios web.