Área de texto

Las áreas de texto son campos de texto donde el usuario puede escribir muchas líneas, lo que los hace muy útiles para formularios que requieren entradas extensas de texto.Para crear una área de texto se usan las etiquetas <TEXTAREA> y <?TEXTAREA> y tiene los siguientes atributos

• NAME: es el nombre que se le pasará al script.

• ROWS: la altura del área de texto en filas (texto).

• COLS: el ancho del área de texto en columnas (caracteres).

Por lo general el texto que esta dentro de las etiquetas <TEXTAREA> y </TEXTAREA> se formatea en un tipo de letra monoespaciada, como curier pero esto depende del navegador. Algunos navegadores permiten el ajuste del texto, en otros, el texto se ajusta a la izquierda. Algunos permiten el desplazamiento cuando se llena es área de texto.

En Netscape tenemos los siguientes atributos para las áreas de texto:

• WRAP=OFF: Es lo predeterminado; el texto estará en una misma línea, desplazandose hacia la derecha hasta que el usuario oprima Enter.

• WRAP=SOFT: Hace que el texto se ajuse en forma automática en la ventana del navegador, pero se envía al servidor como una sóla línea.

• WRAP=HARD: Hace que el texto se ajuste en forma automática en la ventana del navegador. Además se envía al servidor con caracteres de línea nueva en los puntos donde se ajkusto el texto.

En internet Explorer, las cosa son un tanto diferentes: lo predeterminado es el ajute automático (WRAP=SOFT) y mediante WRAP=OFF es posible desactivarlo.

 

Número de vocales en el texto
	La cantidad de a's es La canridad de e's es La cantidad de i's es  La cantidad de o's es La cantidad de u's es

 

El código para cuenta vocales es el siguiente:

 

<script language="JavaScript"> { function contara(form) { nvocales = new Array(0,0,0,0,0); texto=form.texto.value; for (i=0; i < texto.length; i++) { letra = texto.charAt(i); switch (letra.toLowerCase()) { case "a" : nvocales[0] += 1; break; case "e" : nvocales[1] += 1; break; case "i" : nvocales[2] += 1; break; case "o" : nvocales[3] += 1; break; case "u" : nvocales[4] += 1; break; } // end del switch } // end del for form.nas.value = nvocales[0]; form.nes.value = nvocales[1]; form.nis.value = nvocales[2]; form.nos.value = nvocales[3]; form.nus.value = nvocales[4]; } // end de la funcion } // end del script </script> <form name="form1" method="post" action=""> <table width="32%" border="0" align="center" height="347" cellspacing="0" cellpadding="0"> <tr align="center"> <td colspan="2">N&uacute;mero de vocales en el texto </td> </tr> <tr align="center"> <td colspan="2"> <p>&nbsp;</p> <p> <textarea name="texto" cols="50" rows="12"></textarea> </p> </td> </tr> <tr> <td width="34%" align="center" height="124"> <p> <input type="button" name="contar" onClick="contara(this.form)" value="Calcular"> </p> <p> <input type="button" name="Submit" onClick= "javascript:texto.value=' ' " value="Limpiar"> </p> </td> <td width="66%" height="124"> <p>La cantidad de a's es <input type="text" name="nas" size="7"> <br> La canridad de e's es <input type="text" name="nes" size="7"> <br> La cantidad de i's es <input type="text" name="nis" size="7"> <br> La cantidad de o's es <input type="text" name="nos" size="7"> <br> La cantidad de u's es <input type="text" name="nus" size="7"> <br> </p> </td> </tr> </table> </form>

Código: Cuenta vocales

 

Campos Ocultos

El atributo TYPE puede tomar el valor "hidden", que es un campo oculto. Los campos ocultos no aparecen en el formulario, son invisibles en el despliege del navegador. Los campos ocultos tienen los atributos NAME y VALUE.

Los campos ocultos son útiles cuando queremos crear formularios a partir de otros, veamos una situación hipotética: suponga que creamos un formulario sencillo y el script que lo procesa crea otro formulario basado en las entradas del primero. El script que procesa el segundo formulario toma la información tanto del primero como del segundo y crea la respuesta con base en esa información.

Podríamos pasar la información del primer formulario al script que procesa el segundo de dos manera:

• escribiendo la información del primer formulario en un archivo temporal para que el script del segundo formulario la use.

• el primer script que elabora el segundo formulario crea campos ocultos con la información adecuada en los campos NAME y VALUE para que el segundo script los use cuando el usuario envía el segundo formulario.

 

Botones

Los botones son regiones rectángulares que se crean por medio del valor "button" del atributo TYPE. El atributo VALUE nos permite cambiar el texto que aparece dentro del botón, que por defecto es button. Los botones se pueden asociar a funciones que ejecutan acciones sobre el formulario. También podemos usar el atributo NAME para identificar los botones dentro de un script. Otro valor de TYPE que se puede usar es "submit", que permite enviar el formulario al servidor y es cuando entra en juego el atributo ACTION de la etiqueta <FORM>.