Cómo insertar un cuadro de texto en HTML

Formas son ampliamente utilizados en los sitios web. Cualquier persona que ha firmado para obtener una cuenta de correo electrónico basado en la Web, comprado un artículo de un sitio de comercio electrónico o rellenado retroalimentación ha utilizado un formulario HTML. Uno de los campos de formulario de entrada más comunes es el campo del cuadro de texto, que permite a los usuarios proporcionan información específica, como el nombre o la dirección. Inserción de un cuadro de texto en el código HTML de la forma de una página web es un proceso rápido una vez que el usuario entiende la sintaxis del código requerido.

Instrucciones

1 Abra la página Web y ver su HTML. Si se utiliza un programa de edición visual, tales como Adobe Dreamweaver, primero abra la página en el programa y luego haga clic en el área de la forma en que el cuadro de texto irá. Después de hacerlo, cambiar el modo de visualización a la vista de código para ver el código HTML que controla el contenido y la apariencia de la parte de la página. Si se utiliza un programa de edición de texto, como Bloc de notas o WordPad, basta con abrir la página en el programa y vaya a la sección de código en la que se añadirá el cuadro de texto.

2 Pulse la tecla "Enter" para crear una línea en blanco.

3 Copia y pega el siguiente código en la línea en blanco:

<Input type = "text" name = "dirección" size = "50">

4 Ajustar los valores del parámetro "tamaño" "nombre" y para adaptarse a las necesidades de la forma. El valor dentro de comillas después de que el parámetro de nombre se utiliza para identificar el campo de cuadro de texto cuando se procesa, después de que el usuario pulsa el botón "Enviar". Cualquier valor puede ser utilizado, pero la mayoría de los desarrolladores les resulta fácil hacer un seguimiento del valor si se corresponde con los datos que se recogen (por ejemplo, "dirección" de los datos de dirección, "teléfono" para los datos de número de teléfono). El valor contenido entre comillas después de que el parámetro de tamaño especifica el ancho del campo de texto. Cuanto mayor sea el número, mayor será el campo.

5 Guarde la página y abrirlo en un navegador Web. El cuadro de texto aparecerá en la ubicación seleccionada, con el ancho especificado en el paso 4. Haga clic en el cuadro de texto y escriba algunos datos de muestra para confirmar que las funciones de campo tal como fue diseñado.

Consejos y advertencias

• Se utiliza la etiqueta <textarea> en lugar de la etiqueta <input> especificada en el paso 3 para crear un cuadro de texto de varias líneas. Copia y pega el código siguiente en el documento de hacerlo: <textarea cols = "30" filas = "5" name = "Comentario"> </ textarea>. El valor "cols" especifica el ancho del campo, mientras que el valor "filas" especifica su longitud. El "nombre" funciones de valor en la misma manera que para las cajas de texto normales, tal como se explica en el paso 4.