Curso HTML: Etiqueta textarea para ingresar textos grandes



Cuando necesitamos capturar información bastante grande, por ejemplo la descripción de un articulo, la biografia del usuario, una reseña, etc, el cuadro de texto que se muestra con la etiqueta <input> no es suficiente, para estos casos existe la etiqueta <textarea></textarea>

La etiqueta <textarea></textarea> tiene 3 atributos importantes:

  1. name: Que es el nombre que se será usado en la pagina que procese los datos.
  2. rows: Cantidad de columnas que usa, esto es para definir el ancho del cuadro de texto. 
  3. cols: Define que tan alto será el cuadro de texto.

Este es el código que se necesita para mostrar este tipo de cuadros de texto:

<textarea name="descripcion" rows="8" cols="80"></textarea>

Ahora vamos a añadir una etiqueta, y vamos a colocar el cuadro de texto en la siguiente línea, para agregar un salto de línea se usa la etiqueta <br>

<label>Descripción</label>
<br>
<textarea name="descripcion" rows="8" cols="30"></textarea>
Efecto que produce la etiqueta <br>

Si deseas agregar un valor predeterminado en estos cuadros de texto, solo debes colocar lo que desees mostrar, en medio de las etiquetas <textarea> </textarea>

Elige tu siguiente tema

  1. Crea tu primera página web
  2. Cómo agregar un favicon (icono)
  3. Usar tablas y comentarios
  4. Uso de títulos y párrafos
  5. Trabajar con Listas
  6. Mostrar imágenes y rutas
  7. Enlaces o links a otras páginas web
  8. Formularios en páginas web
  9. Etiqueta textarea para ingresar textos grandes
  10. Mostrar listas desplegables
  11. Subir imágenes, números, emails, etc
Versión en video

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *