ubiquitour.com

Ver sólo cuadro de texto en HTML

HyperText Markup Language o HTML, se utiliza para incrustar objetos, como imágenes y tablas, en una página Web. Con HTML, puede añadir cuadros de texto de sólo lectura o sólo, a su sitio. Cuadros de texto sólo son más útiles cuando se utiliza en combinación con JavaScript para crear un formulario interactivo.

Conceptos básicos

Puede crear dos tipos de cuadros de texto en HTML: campos de texto o campos de texto. Campos de texto permiten una sola línea de entrada, mientras que las áreas de texto permite ilimitadas líneas de entrada. Campos de texto más a menudo se utilizan para obtener datos del usuario, como las credenciales de inicio de sesión, mientras que las áreas de texto suelen utilizarse para comentarios de visitantes. Puede insertar campos de texto en una página utilizando el siguiente código:

< textarea >< / textarea >

Puede insertar campos de texto en una página utilizando el siguiente código:

< entrada estilo = "texto" >

Atributos

Puede utilizar el atributo de "Sólo lectura" para evitar que los usuarios insertar, eliminar o cambiar el texto que figura en el cuadro de texto. Los usuarios pueden copiar o resaltar el texto, pero no puede modificar. Puede utilizar "Readonly" con campos de texto y áreas de texto. Para hacer un cuadro de texto de sólo visualización en HTML, utilice el siguiente código:

< textarea readonly = "readonly" >

o

< entrada estilo = "texto" readonly = "true" >

o

< entrada estilo = "texto" sólo lectura >

JavaScript

Puede utilizar JavaScript para desactivar "readonly" una vez que el visitante resuelve un cierto conjunto de criterios. Por ejemplo, en una página de inscripción, puede desbloquear el campo de texto "E-mail" cuando el lector comprueba la caja para la opción de "Acepto los términos y servicios". Podría ser un ejemplo de código:

< head >< script language = "JavaScript" >función nombrefunción(){var x=document.getElementById("IDName").removeAttribute("readonly");ALERT ("ahora puede introducir su dirección de correo electrónico.");}< /script >< /HEAD >Login: < id entrada = "Atributo" type = "texto" nombre = valor "email" = "Introducir dirección de correo electrónico" readonly = "true" >< tipo de entrada = "checkbox" onclick="functionName();" > Estoy de acuerdo con los términos y servicios.

Cambio "functionName" y "Atributo" para personalizar el código. Si cambia el nombre de la función o el ID del elemento en el código JavaScript, debe reflejar esos cambios en el código HTML asociado.

Formato

Puede incrustar un cuadro de texto sólo en su página para agregar detalles informativos. Puede agregar campos de texto con el atributo "value", así:

< entrada tipo = "text" value = "Introducir preexistentes texto aquí" >

Cuando utilice campos de texto, introduzca el texto deseado entre "< textarea >" y "< / textarea >" etiquetas. También se recomienda que utilice los atributos de "filas" y "cols" para definir las dimensiones de la caja de texto. "Cols" se refiere a las columnas, que determina el número de caracteres que pueden abarcar a través de una línea. "Filas" determina cuántas líneas tiene el área de texto. Este código, por ejemplo, crea un cuadro de texto que es de 30 caracteres de longitud y cuatro líneas de altura.

< textarea cols = "30" filas = "4" >Inserte texto aquí.< / textarea >