páginas Web HTML pueden contener formularios para capturar la entrada del usuario. Esta entrada puede incluir texto, con campos de texto y de texto-áreas permitiendo a los usuarios del sitio web para escribir la información y la envía a través de un formulario. Los desarrolladores pueden establecer las dimensiones y las propiedades de estilo para los elementos de texto de entrada de diversas maneras, la aplicación de la anchura de los campos usando una combinación de código de marcado HTML y, opcionalmente, declaraciones CSS.
Texto del tamaño de entrada
El elemento de entrada HTML tipo de texto puede permitir a los usuarios introducir un número determinado de caracteres, que determina la anchura del elemento. La siguiente sintaxis de ejemplo de marcado muestra la creación de un campo de texto con un atributo de tamaño:
<Input type = "text" name = tamaño "apellido" = "30" />
Este elemento permite al usuario escribir un máximo de 30 caracteres en el campo. El ancho del campo tal como aparece en el navegador web depende en parte del tamaño de la fuente para la sección o elemento de página.
Las columnas de texto del área de
El elemento de texto del área de HTML permite formas para contener áreas para introducir texto con el potencial de múltiples líneas. Cuando la página HTML marcado declara un texto-área que indica las dimensiones del elemento en términos de filas y columnas. El siguiente código de ejemplo muestra que incluye un elemento de texto dentro de un área de la página:
<Filas de área de texto = "5" cols = "25">
Aquí está el texto predeterminado.
</ Textarea>
Este código crea un área rectangular para la introducción de texto, que es de 25 columnas de ancho, lo que significa que el ancho es de 25 caracteres de longitud en el tamaño de la fuente actual para el área de la página que contiene el elemento. La altura se determina en parte por el número de filas de la misma manera.
Ancho de entrada
Cualquier elemento HTML puede indicar declaraciones de estilo, incluyendo los elementos de entrada de texto. El siguiente código de ejemplo muestra un elemento de entrada de texto de campo con una declaración de estilo en línea en el código CSS:
<Input type = "text" name = estilo "apellido" = "width: 150px" />
Este código especifica el ancho como un número fijo de píxeles. Alternativamente, un elemento de entrada puede especificar el ancho usando un valor relativo como sigue:
<Input type = "text" name = estilo "apellido" = "width: 90%" />
Este código especifica que el navegador debe rendir el campo de texto con una anchura que es 90 por ciento de la anchura del elemento padre. Por ejemplo, si el elemento que sostiene el campo de texto tiene un ancho de 100 píxeles, el campo de texto ocupa 90 píxeles cuando un usuario visita la página.
Los selectores CSS
código CSS dentro de las áreas dedicadas también puede cumplir otras propiedades de ancho y estilo de los elementos de entrada, tales como campos de texto. CSS incluido o vinculado a dentro de la sección de cabeza de la página se puede aplicar el estilo al referirse a la clase o identificador de atributo de un elemento. Por ejemplo, el siguiente elemento de entrada tiene un atributo de clase:
<Input type = "text" name = "apellido" class = "maintext" />
código CSS podría cumplir una anchura fija en este elemento de la siguiente manera:
.texto principal {
Anchura: 200px;
}
El siguiente elemento de entrada HTML tiene un atributo ID:
<Input type = "text" name = "apellido" id = "nametext" />
código CSS podría estilo de este elemento de la siguiente manera:
nametext {
Anchura: 150px;
}
Este tipo de código CSS también se puede usar en relación en lugar de valores fijos.