Textarea
MasterNemesis
Tu página, Tu ayuda maestra...
La Estructura de un Textarea.
Vamos a conocer los armados que se pueden componer un textarea.
Comenzamos con taxtarea basico.
<textarea>Texto</textarea> Esto es un textarea normal, ahora pasamos agregandole medidas.
Las medidas son Width (ancho) y height (alto)
• Textarea Width.
Ponemos el siguiente código.
style="width="250px"
<textarea style="width:250px">Textarea con Ancho</textarea> • Textarea Heigh.
Agreamos height a la linea del style.
<textarea style="width:250px;height:70px">Textarea con Ancho y Alto</textarea> • Textarea con Cols.
Con este metodo de cols, se puede ajustar el ancho similar al width pero es uso de columnas.
<textarea cols="90">Textarea de ejemplo con cols</textarea> • Textarea con Rows.
Tal como se puede similar el ancho con cols, tambien se puede similar el alto con rows ya que rows viene siendo las filas.
<textarea cols="90" rows="5"> Textarea con cols y rows</textarea> • Textarea Name
Este atributo, sirve mucho para los formularios en php donde se envia valores desde php y html, Su código es..
<textarea name="comentarios">Texto de prueba en un textarea name</textarea> • Textarea Readonly
Con este atributo, el texto que se incorpore en el textarea, nose va a poder editar por la visita, los demas textarea se puede editar sino posee el codigo readonly.
<textarea readonly>Este texto no puede reeditarse</textarea> • Textarea Disabled
Con este atributo, el textarea nose podrá editar el texto ni copiar.
<textarea disabled>Texto Bloqueado</textarea> • Textarea Resize
El textarea no podrá agrandarse por el usuario.
<textarea style="resize:none">Textarea no lo puedes agrandar</textarea> Usando style dentro del html del textarea, podrás agregar valores css sin agregarlo aparte, por ejemplo en resize en css seria.
<style type="text/css"> textarea {resize:none} </style> • Textarea con limite de texto
Limite de texto en un textarea.
100 es el numero de caracteres.
<textarea maxlength="100">Texto de ejemplo</textarea> • Textarea Placeholder
Texto previo antes de escribir.
<textarea placeholder="Escribe aqui..."></textarea>