Master Nemesis

Textarea

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>


Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis