Cómo alinear los cuadros de texto en una página HTML

Los cuadros de texto son elementos de forma que capturan la información introducida por los usuarios del sitio y pasar la información a otra página para su procesamiento. Son útiles para la creación de páginas web interactivas o páginas de pedidos y son comúnmente utilizados por los webmasters para obtener información de sus visitantes del sitio web. ¿Cómo un cuadro de texto se alinea y se muestra poco tiene que ver con su función. Hay dos maneras de alinear un cuadro de texto en una página web: mesas y la propiedad align.

Instrucciones

Mesas

1 Crear una tabla en su página en la que desea agregar elementos de formulario de cuadro de texto. Definir el ancho de la tabla para ajustarse al espacio en su página. Establecer la propiedad frontera a cero si no desea que la tabla tiene líneas visibles. La siguiente sintaxis es un ejemplo de una tabla simple con dos celdas una encima de la otra.

<Table width = "300" border = "0">

<Tr>

<td> </td>

</ Tr>

<Tr>

<td> </td>

</ Tr>

</ Table>

2 Añadir una forma alrededor de la mesa y definir la página en la forma enviará su contenido. Todos los elementos de formulario deben existir dentro de un formulario. La sintaxis siguiente es un ejemplo de la tabla anterior dentro de una forma que va a enviar el contenido del formulario a una página llamada "process.htm."

<Form name = método de "MyForm" = "post" action = "process.htm">

<Table width = "300" border = "0">

<Tr>

<td> </td>

</ Tr>

<Tr>

<td> </td>

</ Tr>

</ Table>

</ Form>

3 Agregar un cuadro de texto a la primera celda de la tabla y un botón de envío a la segunda celda de la tabla. Una forma debe tener un botón de envío para enviar los datos del formulario a la página de procesamiento. Ajuste el ancho de la caja de texto y darle el cuadro de texto un nombre significativo. Necesitará el nombre que ha asignado al cuadro de texto para recuperar los datos del formulario presentado en la página de procesamiento. El siguiente es un ejemplo de una forma sencilla completado alineado dentro de una tabla.

<Form name = método de "MyForm" = "post" action = "process.htm">

<Table width = "300" border = "0">

<Tr>

<td>

& Lt; input type = "text" name = "nombre">

& Lt; / td>

</ Tr>

<Tr>

<td>

& Lt; input type = "submit" name = "Enviar" value = "Enviar">

& Lt; / td>

</ Tr>

</ Table>

</ Form>

alinear la propiedad

4 Crear un formulario en su página. Darle la forma de un nombre y asignar una página en la forma enviará los datos.

<Form name = método de "formname" = "post" action = "process.htm">

</ Form>

5 Añadir un campo de texto y un botón de envío.

<Form name = método de "formname" = "post" action = "process.htm">

<P>

<input type="firstname" name="textfield">

</ P>

<P>

<input type="submit" name="Submit" value="Submit">

</ P>

</ Form>

6 Definir la propiedad align del campo de texto y el botón de envío. La propiedad align se puede ajustar a "alto", "medio", "abajo", "derecha", "izquierda", "TEXTTOP", "línea de base", "absmiddle" y "ABSBOTTOM".

<Form name = método de "formname" = "post" action = "process.htm">

<P> </ p>

<P>

<input type="firstname" name="textfield" align="left">

</ P>

<P> </ p>

<P>

<input type="submit" name="Submit" value="Submit" align="left">

</ P>

</ Form>