Caja de Texto en HTML con Textarea

Caja de Texto en HTML con Textarea


caja-de-texto-html-con-seleccion

En el articulo anterior compartí la forma más fácil de como crear un banner aleatorio. Hoy en esta entrada quiero mostrarte como insertar de manera sencilla una caja de texto realizada en HTML, usando la etiqueta Textarea, en tus publicaciones.

Esta caja de texto te puede servir para publicar códigos html de algún truco web que quieres compartir con tus lectores y que el navegador no los manipule o los cambie.

Mejora tu sitio web y obtén más clientes

Suscríbete y conoce las características que tu sitio web necesita para convertirse en un imán de potenciales clientes
  • Multiplica tus ingresos aprovechando al máximo tu sitio web.
  • Comienza a generar tráfico cualificado y de interés para tu oferta.
  • Convierte tus visitas en clientes gracias a una web optimizada.

Tus datos están 100% seguros.
El siguiente código sirve para insertar caja de texto en tu web.


<!-- Caja de Texto -->
<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>
<!-- Fin Caja de Texto -->


El resultado del código anterior seria el siguiente:


Puedes añadir esta caja de texto en cualquier parte de tu web o en un post en blogger empleando el gadget html-javascript, no olvides cambiar AQUÍ VA EL TEXTO O CÓDIGO A MOSTRAR por lo que quieras compartir. 

Derechos: Fuente e Imagen
Compártelo con tus amigos. ¡GRACIAS!

Deja tu comentario: