Etiqueta TEXAREA en JavaScript
Esta etiqueta es muy parecida a la etiqueta TEXT que relativamente se usa en los formularios básicos, excepto a que puede contener más de una linea de escritura, esta etiqueta TEXAREA tiene dos atributos marcados que son rows(filas) y cols(columnas) que nos permite manejar el tamaño del cuadro a emplear.
Ejercicio No.1
Solicitar la carga del mail y el curriculum de una persona. Mostrar un mensaje si el curriculum supera los 2000 caracteres.
Respuesta:
<html>
<head>
</head>
<body>
<script language="JavaScript">
function controlarCaracteres()
{
if (document.form1.curriculum.value.length>2000)
alert('curriculum muy largo');
else
alert('datos correctos');
}
</script>
<form name="form1">
<textarea name="curriculum" rows="10" cols="50">
</textarea>
<br>
<input type="button" value="Mostrar" onClick="controlarCaracteres()">
</form>
</body>
</html>
Ejercicio No. 2
Confeccionar una página de visitas a un sitio, solicitar ingresar el nombre de una persona, su mail y los comentarios (TEXTAREA). Mostrar luego llamando a la función alert los datos ingresados. Tener en cuenta que para acceder a las cadenas cargadas haremos:
alert(document.form1.comentarios.value);
Respuesta:
<html>
<head>
</head>
<body>
<script language="JavaScript">
function Ingresar()
{
alert('Nombre: '+document.visitas.nombre.value);
alert('Mail: '+document.visitas.mail.value);
alert('Comentarios: '+document.visitas.comentarios.value);
document.visitas.nombre.value="";
document.visitas.mail.value="";
document.visitas.comentarios.value="";
alert('Datos ingresados correctamente.');
}
</script>
<form name="visitas">
Nombre:<br>
<input type="" name="nombre"><br>
Correo-e:<br>
<input type="" name="mail"><br>
Comentarios<br>
<textarea name="comentarios" rows="10" cols="30">
</textarea><br>
<input type="button" value="Ingresar Datos" onclick="Ingresar()">
</form>
</body>
</html>
