Tecnología

Inicio

Cómo insertar cuadros de texto en columnas

cuadros de texto del formulario son controles de entrada insertados en las páginas web que tienen información de usuario y guardarlo en su base de datos o de correo electrónico. Al crear formas, que pueden ser introducidos en las columnas de la tabla. Tablas controles de formulario formato como cuadros de texto para que se alineen en la página y hacer que el sitio web un aspecto más profesional. Al crear elementos de formulario de cuadro de texto, el primer paso es crear el elemento de la tabla. A continuación, se coloca el cuadro de texto en la columna de la tabla. Esto se logra utilizando el código HTML.

Instrucciones

1 Abra su editor de HTML favorito. Esto puede ser un programa sencillo, como el Bloc de notas, o puede utilizar los editores más avanzados como Visual Studio. Crear una nueva página web HTML para entrar en la mesa y forma de código de cuadro de texto.

2 Iniciar el código de la tabla mediante la introducción de las etiquetas HTML en el espacio de trabajo de la página web. El código básico para una tabla en HTML es como sigue:
<Table>
<Tr> <td> </ td> </ tr>
</ Table>
La etiqueta "<tr>" es sinónimo de "fila de la tabla." Cada una de estas etiquetas se creará una nueva fila en la tabla. Cada etiqueta "<td>" es una columna de la tabla. Aquí es donde se introduce el código del cuadro de texto.

3 Ingrese el código de la caja de texto HTML en la columna correspondiente. Normalmente, la primera columna se utiliza para la etiqueta y la segunda columna se utiliza para mantener el cuadro de texto. En el siguiente ejemplo, el cuadro de texto se introduce en la segunda columna:
<Table>
<Tr> <td> </ td> <td> <input type = "text" name = "fname" /> </ td> </ tr>
</ Table>

4 Coloque un poco de texto de la etiqueta en la primera columna para identificar el cuadro de texto. Sin la etiqueta para el cuadro de texto, el usuario no es capaz de identificar qué información necesita ser introducido en el formulario. A continuación lugares "Nombre" en frente de la caja de texto "fname":
<Table>
<Tr> <td> Nombre: </ td> <td> <input type = "text" name = "fname" /> </ td> </ tr>
</ Table>

5 Guarde el archivo y abrirlo con su navegador. Haga doble clic en el archivo y su navegador se abrirá automáticamente. Debería ver un cuadro de texto con la etiqueta "Nombre" en la parte delantera del control de formulario.