Código HTML para crear Área de texto

Algunos sitios web son algo más que información que el usuario mira; en realidad son interactivo en algún grado. Una de las formas más básicas de añadir interactividad a un sitio web es a través de las áreas de texto - por lo general en un form-- que permiten al usuario introducir su propio texto. Afortunadamente, áreas de texto son muy fáciles de crear en HTML con sólo unas pocas etiquetas estándar.

Áreas de texto de una sola línea

Para crear un campo de texto, de una sola línea corta, crear etiquetas de formulario en el documento HTML; las etiquetas de formulario deben tener este aspecto: <form> </ form>. Entre el corchete de cierre de la etiqueta del formulario de apertura y el corchete de apertura de la forma etiqueta de cierre, insertar el código para el tipo de texto que desea que aparezca, como esto: <input type = "text" />. Por último, poner en un nombre para el campo, en este caso, la palabra "Nombre" seguido de dos puntos para indicar que el usuario debe introducir su nombre en el espacio en blanco del formulario.

El código completo para un área tan texto con "Nombre:" que aparece junto a ella se vería así:

<Form> Nombre: <input type = "text" /> </ form>

Puede introducir tantas áreas tales como desee dentro de las mismas etiquetas de formulario.

Áreas de texto seguras

Si desea que el texto que sus espectadores entran en el área de texto ilegible (y, por lo tanto, seguro), puede hacerlo mediante el área de texto de un campo de contraseña. Para ello, cree un área de texto de una sola línea de forma normal, pero el suplente "contraseña" para el "texto" en el tipo de entrada. Puede seguir utilizando el texto que desee al lado del campo.

El código completo para un área de texto tales seguro es el siguiente:

<Form> Nombre: <input type = "password" /> </ form>

Áreas de texto grande

Para crear una más grande de lo normal área de texto, se necesita un código diferente dentro de sus etiquetas de formulario. Crear las etiquetas para un formulario, a continuación, introduzca el siguiente código: <textarea filas = "" cols = ""> </ textarea>. En entre el primer conjunto de comillas, introduzca un número para definir el número de filas en el área de texto (por ejemplo, 15 filas de largo). Entre el segundo set, introduzca un número para definir el número de columnas en la zona (por ejemplo, 100 columnas de ancho). También puede introducir texto en entre el soporte de cierre de la etiqueta de área de texto de apertura y el soporte de la apertura de la etiqueta de área de texto de cierre; este texto aparecerá en el área de texto cuando se carga la página. En este ejemplo, vamos a utilizar "Comentarios :."

El código debe aparecer como sigue:

<form> <textarea rows = "15" cols = "100"> Comentarios: </ textarea> </ form>

Que contiene múltiples áreas de texto

Si va a realizar múltiples áreas de texto y desea que todos sean agrupados juntos (para crear una única forma, por ejemplo), rodear todo el grupo (pero no las etiquetas de formulario) con etiquetas fieldset, que se ven así: <fieldset> < / fieldset>. Esto creará una caja que encierre todos los campos. También puede incluir un título para todo el grupo mediante la creación de etiquetas de leyenda (<legend> </ legend>) justo después de la etiqueta de apertura de campos y de introducir el título entre las etiquetas de leyenda.

El código debe aparecer como sigue:

<Form> <fieldset> <legend> Suscribirse al boletín de noticias </ legend>

Nombre: <input type = "password" />

<textarea rows = "15" cols = "100"> Comentarios: </ textarea>

</ Fieldset> </ form>