Crea & edita un Textarea

Esto Es Una TEXTAREA:
<textarea>TU TEXTO</textarea>
Ejemplo:
El Tamaño:
<textarea cols="ancho" rows="largo">TU TEXTO</textarea>
Ejemplo: 
[cols="10" / rows="3"]
Colocarle Un Fondo:
<textarea cols="10 rows="3" style="background: url(URL);">TU TEXTO</textarea>
Ejemplo: 

Colocarle Un Borde:
<textarea cols="10 rows="3" style="background: url(URL);border: 1px solid #fcc">TU TEXTO</textarea>
Ejemplo:
Edita El Color De La Letra:
<textarea cols="10 rows="3" style="background: url(URL);border: 1px solid #a8d9e2;color:#a8d9e2;">TU TEXTO</textarea>
Ejemplo:

EXTRA: Textarea con elección automática
Luego de editar a gusto tu Text-Area, podremos, colocándole la siguiente linea, agregarle selección automatica al pasar el cursor:
onfocus="this.select()" onmouseover="this.focus()"
El codigo completo seria:
<textarea cols="10 rows="3" style="background: url(URL);border: 1px solid #a8d9e2;color:#a8d9e2;" onfocus="this.select()" onmouseover="this.focus()">TU TEXTO</textarea>
Ejemplo:

2 comentarios: