Formulario - textarea

El control HTML "textarea" se diferencia del "text" en que permite el ingreso de muchas líneas. Un elemento algo más avanzado que el campo de entrada de datos es el área de texto. Mediante un área de texto tenemos la capacidad de que el usuario inserte una gran cantidad de datos y además que esos datos puedan estar en diferentes líneas.

El elemento de tipo textarea nos permite el ingreso de varias líneas a diferencia del cuadro de texto (input/text) Es muy utilizado cuando queremos ingresar un comentario de una longitud de caracteres grande.
Confeccionemos un formulario para que un visitante pueda ingresar su nombre, su mail y un comentario del sitio, empleando para este último dato a ingresar un elemento de tipo textarea:

<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
Ingrese su nombre: <input type="text" name="nombre" size="30"><br>
Ingrese su mail: <input type="text" name="mail" size="50"><br>
Comentarios:<br>
<textarea name="comentarios" rows="5" cols="60"></textarea> <br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

Un elemento algo más avanzado que el campo de entrada de datos es el área de texto. Mediante un área de texto tenemos la capacidad de que el usuario inserte una gran cantidad de datos y además que esos datos puedan estar en diferentes líneas.

Para poder insertar un área de texto en nuestro formulario utilizamos el elemento textarea. La sintaxis del elemento textarea será la siguiente:

<textarea rows="numerofilas" cols="numerocolumnas" name="nombre" ></textarea>

A diferencia del elemento input el textarea tiene una etiqueta de inicio y una de fin.

Los atributos que nos encontramos en un textarea son:

  • rows, indica el número de filas que tiene el área de texto.
  • cols, indica el número de columnas que tiene el área de texto.
  • name, al igual que sucede con otros elementos del formulario, name contiene el nombre del campo, el cual será enviado al servidor para ser procesado.

De esta forma, si queremos crear un área de texto de 20 filas por 100 columnas en el que un usuario pueda insertar un comentario tendríamos el siguiente código:

<textarea rows="20" cols="100" name="comentario" ></textarea>

Si queremos que el área de texto vaya con un valor por defecto, tendremos que añadir dicho contenido entre las etiquetas de textarea.

<textarea rows="20" cols="100" name="comentario" >Contenido de comentario...</textarea>