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:
Bonito blog, me llevo la cajita que me hace falta, gracias.
ResponderEliminarRecibe un cordial saludo