Textarea
Un campo de múltiples líneas para texto libre: una descripción, una instrucción, una nota.
En esta página
Playground
Estado
Fondo
<div class="feitio-field"><label class="feitio-label" for="pg-ta">Nota</label><textarea class="feitio-textarea" id="pg-ta" rows="3">Recuérdame cambiar las fotos del catálogo.</textarea></div>Cuándo usarlo
- Cuando la respuesta tiene más de una oración.
Cuándo no usarlo
- Para una respuesta corta: TextInput. Una caja grande pide un gran texto.
Ejemplos
NoteUp to 500 characters
Una nota
El límite de caracteres, cuando existe, aparece en la pista previa, no solo cuando se excede.
Mostrar código
<div class="feitio-field">
<label class="feitio-label" for="nota">Nota</label>
<span class="feitio-hint" id="nota-dica">Até 500 caracteres</span>
<textarea class="feitio-textarea" id="nota" rows="3" aria-describedby="nota-dica"></textarea>
</div>Estados
Accesibilidad
- La persona puede estirar la altura; el ancho sigue a la columna.
Atributos
| Atributo | Valores | Para qué sirve |
|---|---|---|
class="feitio-textarea" | obligatorio | La forma del campo. |
rows | número | La altura inicial. |
aria-invalid="true" | con un error | La línea de vino. |