Cuadro de texto (Tutorial HTML área de texto / textarea)

A veces es necesario dejar un largo trozo de texto, código html o simplemente para resaltar aquel texto del resto. Para poder realizarlo, en el editor html de entradas de tu blog deberás el siguiente código:

UPDATE 01 Abril 2015: He cambiado el CSS del textarea, por lo cual no se verá como el que traen las plantillas de Blogger por defecto. Si te gustó, puedes visitar este

linkTextarea CSS por ChuckAileron

y darle el mismo estilo.



<textarea rows="5" cols="40">
TU TEXTO
</textarea>


Y obtendrás esto:

TU TEXTO

Si deseas que el texto dentro del cuadro se seleccione completamente con un click, en el código anterior, deberás agregar lo siguiente:

onClick="this.select()"

Tu código debería quedar así:

<textarea rows="5" cols="40" onClick="this.select()">
TU TEXTO
</textarea>

Y, finalmente, tu resultado será así:

TU TEXTO