Estilos HTML cuadro de mensaje

Se puede usar HTML para incrustar tres tipos diferentes de cajas de mensaje en una página Web. El tipo de cuadro de mensaje que se utiliza depende del tipo de sitio que está creando: Comentario o de inicio de sesión página enlaza a cuadros de mensaje diseñado para recuperar los datos de visitantes, mientras que las páginas de información de alta densidad utilizan cuadros de mensajes diseñados para ahorrar espacio.

Cajas DIV

elementos DIV son los más utilizados para organizar un sitio web en diferentes secciones, pero también puede funcionar como un cuadro de mensaje si desbordamiento - atribuyen hojas de estilo en cascada una - se ajusta en "desplazamiento". Desbordamiento define lo que le sucede a un elemento si el texto u otros objetos fluyen fuera de los límites del elemento. Cambio de "desbordamiento" a "desplazarse", añade barras de desplazamiento para el elemento DIV. Los visitantes no pueden cambiar el contenido de un elemento DIV, por lo que los diseñadores web deben añadir el texto deseado entre las "<div>" y "etiquetas </ div>" para rellenar el cuadro de mensaje.

Áreas de texto

Las áreas de texto puede contener un número ilimitado de caracteres. A diferencia de los elementos DIV, que están bloqueados, los visitantes pueden introducir o quitar el texto contenido dentro de un área de texto, aunque los cambios no irán en directo - en otras palabras, otros visitantes que llegan al sitio no verán los cambios en el texto zona. La mayoría de los diseñadores Web utilizan las áreas de texto como campos de comentario. "Cols" y "filas" cambian las dimensiones predeterminadas del área de texto; "cols", o columnas, determina el ancho del cuadro de mensaje, mientras que las "filas" determina la altura.

Campos de texto

Los campos de texto son similares a las zonas en que los visitantes pueden cambiar el contenido del cuadro de texto, pero a diferencia de las áreas de texto y elementos DIV, campos de texto se limitan a una sola línea. Los campos de texto son elementos de formulario que se utilizan para obtener información de un visitante; por ejemplo, la mayoría de los sitios web utilizan campos de texto llamado "Enviar" y "contraseña" para recuperar las credenciales de inicio de sesión. Puede bloquear los campos de texto con el atributo de "sólo lectura", una función a menudo se utiliza en combinación con JavaScript para evitar que los visitantes introducir texto en el cuadro de mensaje sin haber completado una serie de instrucciones preliminares.

Uso

Utilice "<div>" y "</ div>" para añadir elementos DIV a una página, "<textarea>" y "</ textarea>" para añadir áreas de texto, y "<input type =" text ">" para añadir campos de texto. Al añadir campos de contraseña a una página, use "<input type =" password ">" en lugar de "<input type =" text ">". Para obtener los datos de un usuario a través de un cuadro de mensaje, incluya la caja en el "<form>" y "</ form>" etiquetas.