Área de texto

En ciertas situaciones, es preciso prever algo más de espacio para que el usuario pueda expresarse. Es el caso, por ejemplo, de los comentarios o sugerencias. Se utiliza en este caso la etiqueta <textarea> ... </textarea>, que incluye un área de texto de varias líneas.

Ejemplo

Un área de texto dedicada para los comentarios del usuario:


<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
<p>Comentarios: </p> 
<textarea rows="4" cols="30"></textarea> 
</form> 
</body> 
</html>
 
images/CAP09IMG06.png

Comentarios

  • Esta etiqueta, básica en HTML, es perfectamente compatible hacia atrás en los distintos navegadores.

  • La etiqueta <textarea> precisa una etiqueta de cierre </textarea>.

  • Es posible indicar un valor por defecto en el área de texto, no mediante el atributo value, sino de la forma siguiente: <textarea rows="4" cols="25">¡Escriba aquí sus sugerencias!</textarea>

Los posibles atributos son:

name

Define un nombre para el elemento.

cols

Define el número de caracteres visibles en anchura para el área de texto. Puede reemplazarse por la propiedad CSS width.

rows

Define el número de líneas visibles en altura para el área de texto. Puede reemplazarse...

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Campo de texto
Siguiente
Lista desplegable