El tag <textarea> puede resultar de utilidad para:

- Publicar un código en una entrada de forma que evita que los navegadores lo manipulen y modifiquen.
- Colocar un texto largo en un recuadro de forma que controlas el espacio que ocupa dentro de una entrada o post.

A. Textarea simple:

1. Colocando un código o texto que desees mostrar entre <textarea> y </textarea> :

<textarea>
Texto o código
</textarea>

2. Si se añade a la orden <textarea>, las propiedades “rows” (alto) y “cols” (ancho) controlarán las dimensiones de la misma. Sólo habría que variar las cifras de ambos parámetros o tags.

Ejemplo:

<textarea rows=”5″ cols=”18″>
AQUÍ VA EL CÓDIGO O TEXTO
QUE DESEAS MOSTRAR
DENTRO DE TU CAJA DE TEXTO
O TEXTAREA.
</textarea>

B. Textarea, o Caja de texto, con selección automática del contenido.

Podemos realizar una textarea donde añadir un código o texto con una peculiaridad:
Al colocar el cursor encima, o hacer clik sobre ella, se seleccionará todo su contenido. Es una fórmula que ahorra al usuario arrastrar el cursor por toda la zona para copiar el contenido.

<textarea rows=”2″ cols=”5″ onMouseOver=”this.focus()” onFocus=”this.select()” input type=”text” name=”emailaddr” value=”your e-mail” size=”31″ onMouseOver=”this.focus()” onFocus=”this.select()”></textarea>

Ejemplo:

** Importante: el texto o código a introducir se coloca antes de </textarea>

** Recordar: con las propiedades “rows” (alto) y “cols” (ancho) se pueden controlar las dimensiones de la misma. Sólo habría que variar las cifras.

C. Caja de texto, (Textarea), con botón de selección automática del contenido.

A través de un botón puedes seleccionar todo el contenido que esté situado dentro de la textarea.

<center><form name=”select_all”>

<textarea rows=”10″ cols=”30″ name=”text_area”>

AQUÍ VA EL TEXTO O CÓDIGO A MOSTRAR

</textarea>

<input value=”Seleccionar texto” onclick=”javascript:this.form.text_area.focus();this.form.text_area.select();” type=”button”/></form></center>

Sustituye AQUÍ VA EL TEXTO O CÓDIGO A MOSTRAR por el texto o código que vayas a colocar en la cajita: