Tecnología

Inicio

Sólo mostrar cuadro de texto en HTML

July 30

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

Lo esencial

Se pueden crear dos tipos de cuadros de texto en HTML: áreas de texto o campos de texto. Los campos de texto permiten a una sola línea de entrada, mientras que las áreas de texto pueden permitir que las líneas ilimitadas de entrada. Los campos de texto son los más utilizados para obtener los datos del usuario, tales como credenciales de acceso, mientras que las áreas de texto son los más utilizados para los comentarios de los visitantes. Puede insertar áreas de texto en una página usando el siguiente código:

<Textarea> </ textarea>

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

<Estilo de entrada = "text">

atributos

Usted puede utilizar el atributo "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 pueden modificarlo. Puede utilizar "Sólo lectura" con ambos 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:

<Área de texto de sólo lectura = "readonly">

o

<Estilo de entrada = "text" sólo lectura = "true">

o

<Estilo de entrada = "text" sólo lectura>

JavaScript

Puede utilizar JavaScript para desactivar "sólo lectura", una vez que el visitante se encuentra con un cierto conjunto de criterios. Por ejemplo, en una página de registro, puede desbloquear el campo de texto "E-mail" cuando el lector comprueba la casilla de la opción "acepto los Términos y Servicios". Un código de ejemplo podría ser:

<Head>
<Script language = "JavaScript">
functionName función ()
{
var x = document.getElementById ( "idName") removeAttribute ( "de solo lectura.");
alert ( "Ahora puede introducir su dirección de correo electrónico.");
}
</ Script>
</ Head>
Entrada: <input id = tipo "idName" = "text" name = "email" = "Enter Dirección de correo electrónico" sólo lectura = "true">
<Input type = "checkbox" onclick = "functionName ();"> acepto los Términos y Servicios.

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

formateo

Puede incrustar una pantalla de sólo cuadro de texto en su página para agregar datos informativos. Se puede añadir texto a los campos de texto con el atributo "valor", así:

<Input type = "text" value = "Insertar preexistentes texto aquí">

Al utilizar las áreas de texto, insertar el texto deseado en el medio del "<textarea>" y "</ textarea>" etiquetas. También es recomendable que utilice los "cols" y "filas" atributos para definir las dimensiones de la caja de texto. "Cols" se refiere a las columnas, que determina el número de caracteres que pueden extenderse a lo largo de una línea. "Filas" determina el número de líneas de texto tiene el área. Este código, por ejemplo, crea un cuadro de texto que se encuentra a 30 caracteres de longitud, y cuatro líneas de altura.

<Textarea cols = "30" filas = "4">
Insertar texto aquí.
</ Textarea>