Control textarea / formularios html

Muchas veces resulta  verdaderamente incómodo insertar grandes cantidades de texto mediante <input /> de tipo texto. Para ello, existe un control específico en HTML llamado <textarea>.

El elemento textarea representa un campo para la entrada de texto multilínea. El control asociado a este campo es una caja de texto que permite a los usuarios editar múltiples líneas de texto regular. Los controles textarea son útiles para recolectar o editar líneas largas de texto como mensajes, contenido de archivos, listas, reseñas, artículos, etc.

Ejemplo:
<form action="../../form-result.php" target="_blank"> <p>Mensaje para el autor:</p> <p><textarea name="mensaje" placeholder(*)="Comparte tu opinión con el autor!"></textarea>
</p>
<p><input type="submit" value="Enviar mensaje">
</p>
</form>

Mensaje para el autor:
Comparte tu opinión con el autor!


El contenido de este elemento representa el valor inicial del control. Este contenido es el que será mostrado cuando el documento sea cargado o cuando un botón de reinicio sea presionado en el formulario.

(*)Declararemos el atributo placeholder con una pista acerca del contenido que se espera sea ingresado en el control, el cual será mostrado dentro de la caja de texto cuando ésta esté vacía.

En el segundo ejemplo se establece un valor inicial como contenido del elemento. Este valor será usado para rellenar el control cuando el documento sea cargado y cuando el formulario sea restaurado.

En contraste con entradas de una sola línea, un elemento textarea lleva a su valor inicial como contenido, en lugar de usar el atributo value.

 

Ejemplo:

<form action="../../form-result.php" target="_blank">
  <p>Edita tu comentario:</p>
  <p><textarea name="comment">Hola! Creo que estás completamente equivocado!</textarea></p>
  <p>
    <input type="submit" value="Editar">
    <input type="reset" value="Restaurar">
  </p>
</form>

Edita tu comentario:
Hola! Creo que estás completamente equivocado!

Fuentes: Activate, Google España

htmlquick