Cómo modificar el tamaño de un cuadro de texto

Puedes alinear cuadros de texto para organizar formularios en una página web.
Por foye robinson

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 <HEAD></HEAD> 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).

<style type="text/css"> <!-- .myinput { width:200px; height:50px; } --> </style>


Paso 3

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

<input type="text" name="FirstName" size="20" />


Paso 4

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

<input type="text" name="FirstName" class="myinput" />


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:

<input type="text" name="minombre" size="20" />


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:

<input type="text" name="minombre" size="40" />


Paso 4

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