Header Ads

Áreas de Texto con HTML

Campos de texto
En muchos casos al llenar formularios es notable dejar comentarios o textos de varias lineas, y debido a que son textos de varias lineas un campo de texto no es muy estético a la hora de cubrir este característica,  por eso en HTML para lograr colocar textos diversos existe un objeto denominado comúnmente área de texto o caja de texto. En este campo podemos ingresar textos en varias formas de una manear libre, donde incluso podemos agregar saltos de linea.

Las etiquetas que nos permitirán crear nuestra caja de textos son las siguientes : <textarea> y </textarea>






A Continuación crearemos nuestro formulario :

Código HTML:


<form action="pagina.php" method="post" name="formulario">

             <textarea name="texto">
                                                Aqui el texto .... 
              </textarea>

                    
 </form>


Resultado:



Como es notable vemos que se ejecuta una caja de texto en el cual podemos escribir varias lineas de texto, en comparación con un campo de texto.

Ahora añadiremos 2 atributos que nos permitirán dar un tamaño personalizado a nuestra caja de textos.

rows: Establece el numero de filas.

cols: estableces el numero de columnas.


Código HTML:


<form action="pagina.php" method="post" name="formulario">

             <textarea name="texto" cols="70" rows="12">
                                                Aqui el texto .... 
              </textarea>

                    
 </form>



Resultado:


Al colocar los atributos rows y cols, podemos editar a gusto el tamaño de nuestra caja de textos o área de textos, dándole así una mejor utilidad según la necesidad que tengamos.

OJO: existen muchos atributos que intervienen y dan diferentes cualidades a las cajas de texto, pero en esta publicación solo tocamos las mas básicas.

Cualquier duda o aporte hacerlo por comentarios. Gracias por su tiempo!






No hay comentarios