Lección 14. Textarea, Select y Option.

En HTML existen elementos que permiten al usuario escribir grandes cantidades de texto o elegir entre varias opciones. Estos componentes son esenciales para crear formularios más completos.

Etiqueta textarea._

La etiqueta textarea permite al usuario escribir texto extenso, a diferencia de un input común.

<textarea></textarea>

También permite definir el tamaño visible usando rows y cols.

<textarea rows="4" cols="30">Escribe un comentario...</textarea>

Etiqueta select._

La etiqueta select crea un menú desplegable donde el usuario puede elegir entre múltiples opciones.

<select>
  <option>HTML</option>
  <option>CSS</option>
  <option>JavaScript</option>
</select>

Etiqueta option._

Las etiquetas option representan cada una de las opciones disponibles dentro de un select.

Cada option puede tener un atributo value para enviar un valor específico al formulario.

<select>
  <option value="1">Opción 1</option>
  <option value="2">Opción 2</option>
  <option value="3">Opción 3</option>
</select>

Atributo selected._

El atributo selected sirve para definir cuál opción está seleccionada por defecto.

<select>
  <option value="html">HTML</option>
  <option value="css" selected>CSS</option>
  <option value="js">JavaScript</option>
</select>

En este ejemplo, la opción CSS aparece marcada por defecto.

Formularios más completos._

Usando textarea, select y option puedes crear formularios más profesionales y adaptados a muchas necesidades.

<form>
  <label for="comentario">Comentario:</label>
  <textarea id="comentario" rows="3"></textarea>

  <label for="lenguaje">Lenguaje favorito:</label>
  <select id="lenguaje">
    <option value="html">HTML</option>
    <option value="css" selected>CSS</option>
    <option value="js">JavaScript</option>
  </select>

  <button type="submit">Enviar</button>
</form>