2/12/10

Textarea o Cajita de Texto Para Blogger Cusco

TEXTAREA O CAJITA DE TEXTO PARA BLOGGER

El codigo <textarea> puede resultar de utilidad para:

- Publicar codigos en una entrada y acortar espacio.
- Colocar un texto largo en un recuadro previa configuracion del recuadro.

TIPOS Y CODIGOS DE TEXTAREA

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

Codigo:

<textarea>
texto o codigo aqui
</textarea>

Ejemplo:



2. Si a <textarea> le agregas las propiedades "rows" (alto) y "cols" (ancho) estos controlan sus medidas o tamaño.

Codigo:

<textarea rows="6" cols="20">
AQUI VA EL CODIGO O TEXTO
QUE DESEAS MOSTRAR
DENTRO DE TU CAJA DE TEXTO
O TEXTAREA.
</textarea>

Ejemplo:


3. Textarea, o Cajita de texto, mas seleccion al pasar el mouse.

Este tipo de Textarea funciona Al colocar el cursor encima, o hacer clik sobre ella, se seleccionará todo automaticamente.
Codigo:

<textarea rows="6" cols="20" onMouseOver="this.focus()" onFocus="this.select()" input type="text" name="emailaddr" value="your e-mail"

size="31" onMouseOver="this.focus()" onFocus="this.select()"></textarea>

+ No Olvides: el texto o código a introducir se coloca antes de </textarea> :
+ Recuerda: con las propiedades "rows" (alto) y "cols" (ancho) se pueden controlar las dimensiones de la misma. Sólo habría que variar las cifras.


Ejemplo:



4. Caja de texto, (Textarea), con botón de selección del contenido.

con el boton seleccionar puedes seleccionar todo los que este en la caja o textarea.

Codigo:

<center><form name="select_all">

<textarea rows="6" cols="20" name="text_area">

AQUI VA EL TEXTO O CODIGO A <br />MOSTRAR EN LA CAJA O TEXTAREA

</textarea>

<input value="Seleccionar todo" onclick="javascript:this.form.text_area.focus();this.form.text_area.select();"

type="button"/></form></center>

Sustituye AQUI VA EL TEXTO O CODIGO A MOSTRAR EN LA CAJA O TEXTAREA por el texto o código que vayas a colocar en la cajita:


Ejemplo:





1 comentario:

  1. Bonito blog, me llevo la cajita que me hace falta, gracias.

    Recibe un cordial saludo

    ResponderEliminar

ir arriba