Cómo modificar el tamaño de un cuadro de texto (En 10 Pasos)

Por foye robinson
Cómo modificar el tamaño de un cuadro de texto (En 10 Pasos)
Hemera Technologies/AbleStock.com/Getty Images

Los cuadros de texto te ayudan a recopilar datos desde un formulario web. Puedes cambiar el tamaño de tu cuadro de texto para ajustarlo un área de tu página o alinearlo con otros cuadros de texto que hayas creado. La etiqueta de entrada te permite crear, nombrar y cambiar el tamaño de los cuadros de texto de una página web. Puedes manipular el ancho de un cuadro de texto con lenguaje de marcas de hipertexto (HTML, por sus siglas en inglés) o su alto y ancho con el lenguaje de hojas de estilo en cascada (CSS, por sus siglas en inglés).

Cambiar el tamaño con CSS

Paso 1

Abre un editor de texto, como Bloc de notas, TextPad o EditPad. Selecciona "Archivo" y "Abrir" desde el menú. Haz doble clic sobre el archivo HTML que contiene el cuadro de texto al que deseas cambiarle el tamaño.

Paso 2

Agrega el siguiente estilo entre la etiqueta para cambiar las dimensiones del cuadro de texto. El siguiente cuadro de texto tiene un alto de 50 píxeles y un ancho de 200 píxeles. Para usar un tamaño diferente, cambia el valor del alto (height) y el ancho (width).

Paso 3

Desplázate hasta la etiqueta y encuentra el código HTML para el cuadro de texto. Será similar a:

Paso 4

Mantén '' pero remueve 'size="20"' del código. Agrega el nombre de clase ("myinput") desde el estilo que creaste, para que luzca como esto:

Paso 5

Repite el paso anterior para cambiar el tamaño de cuadros de texto adicionales. Todos los cuadros de texto que incluyan 'class="myinput"' cambiarán su tamaño automáticamente en la página.

Paso 6

Selecciona "Archivo" y "Guardar" para actualizar tu página.

Cambiar el tamaño con HTML

Paso 1

Ejecuta tu editor de texto favorito, como Bloc de notas, TextPad o EditPad. Selecciona "Archivo" y "Abrir" desde el menú. Haz doble clic sobre el archivo HTML que deseas modificar.

Paso 2

Desplázate hasta el código HTML para el cuadro de texto. Será similar al siguiente:

Paso 3

Cambia el valor de "size" por el tamaño que deseas establecer. Por ejemplo, para establecer el largo en "40", usa lo siguiente:

Paso 4

Selecciona "Archivo" y "Guardar" desde el menú para guardar tus cambios.