Tamaño de los cuadros de texto en HTML

Mientras navega por Internet, probablemente se encuentre con un cuadro de texto. Los cuadros de texto, que se encuentran a menudo en formas, permiten a los sitios web para recopilar datos de los usuarios. Estos datos pueden ser tan simples como complejos valores de inicio de sesión oras como mensajes en el foro y comentarios. Un desarrollador Web determina el tamaño de un cuadro de texto basado en la función del cuadro de texto en una página web.

Conjunto de cuadros de texto Tamaño Usando elemento de entrada

Para crear un cuadro de texto, añadir un elemento de entrada en cualquier lugar dentro de la sección "cuerpo" de un documento HTML. Dar el elemento de entrada un valor de propiedad de "texto" y navegadores mostrarán el cuadro de texto cuando se abre la página Web. Para establecer el número de columnas en un cuadro de texto, establezca la propiedad del elemento de entrada "tamaño" de un número positivo. El valor se establece, por ejemplo, 20, determina el número de columnas del cuadro de texto se mantendrá.

Tamaño Configurar Cuadro de texto uso de CSS.

Cuando se utiliza CSS, acrónimo de Cascading Style Sheets, puede personalizar los elementos de las páginas web sin tener que cambiar todo el código HTML. En su lugar, se actualiza una "clase" dentro de un archivo CSS. Eso hace que todos los elementos HTML que hacen referencia a la clase para reflejar el cambio. Por ejemplo, si la página HTML contiene un cuadro de texto con una referencia a una clase CSS llamada "BigBox," el cuadro de texto asumirá las características físicas definidas en la clase "BigBox". Si la clase "BigBox" tiene un parámetro de anchura cuyo valor es de 100 píxeles, el cuadro de texto será de 100 píxeles de ancho. Cambiar la clase CSS 300 píxeles y el tamaño del cuadro de texto se incrementará a 300 píxeles.

Elemento área de texto

No es difícil confundir un elemento de área de texto con un elemento de cuadro de texto. elementos de área de texto tienen un aspecto similar a cuadros de texto. Áreas de texto también tienen muchas de las propiedades que se encuentran en los cuadros de texto, como el color de fuente, tamaño de borde y los márgenes. Los desarrolladores utilizan elementos de área de texto cuando necesitan para visualizar y capturar varias líneas de texto. Lo hacen mediante el establecimiento de "cols" de un área de texto y "filas", que son propiedades que determinan su anchura y altura. También puede cambiar la apariencia de un área de texto mediante CSS.