 |
|
|
|
|
|
Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | |
||
|
||||
|
|
|||
 |
|
 |
||
|
||||
Directorio
|
Manuales
|
Scripts
|
FAQs
|
Programas
|
Artículos Copyleft
|
Actualidad
|
La Cosecha
|
Colabora
Alojamiento
|
Dominios.es
|
Micropagos SMS
|
Buscadores
|
Patentes, marcas
|
Creación web
|
Multimedia
|
Videos
Control de elementos Textarea en Javascript
Los elementos textarea son los campos que permiten introducir varias líneas de texto. Aprendemos a controlarlos con programación Javascript.
04/2/03 - Para acabar de describir todos los elementos de formularios vamos a ver el objeto textarea que es un elemento que presenta un lugar para escribir texto, igual que los campos text, pero con la particularidad que podemos escribir varias líneas a la vez.
El campo textarea se puede ver a continuación.
Propiedades de textarea
Se puede ver una lista de las propiedades disponibles en un textarea a continuación, que son los mismos que un campo de texto.
defaultValue
Que contiene el valor por defecto del textarea.
value
Que contiene el texto que hay escrito en el textarea.
Además tiene las conocidas propiedades de elementos de formulario form, name y type.
Métodos de textarea
Veamos una lista de los métodos, que son los mismos que en un campo de texto.
blur()
Para quitar el foco de la aplicación del textarea.
focus()
Para poner el foco de la aplicación en el textarea.
select()
Selecciona el texto del textarea.
Vamos a ver un ejemplo a continuación que presenta un formulario que tiene un textarea y un botón. Al apretar el botón se cuenta el número de caracteres y se coloca en un campo de texto.
Para acceder al número de caracteres lo hacemos a partir del la propiedad value del objeto textarea. Como value contiene un string podemos acceder a la propiedad length que tienen todos los strings para averiguar su longitud.
El código de la página se puede ver aquí.
<html>
<head>
<title>Ejemplo textarea</title>
<script>
function cuenta(){
numCaracteres = document.formul.textito.value.length
document.formul.numCaracteres.value = numCaracteres
}
</script>
</head>
<body>
<form name="formul">
<textarea name=textito cols=40 rows=3>
Este es el texto por defecto
</textarea>
<br>
<br>
Número de caracteres <input type="Text" name="numCaracteres" size="4">
<br>
<br>
<input type=button value="Cuenta caracteres" onclick="cuenta()">
</form>
</body>
</html>
El ejemplo funcionando se puede ver en una página independiente.
Para quien desee profundizar, tenemos un artículo interesante que amplía el ejemplo anterior. Se trata de una cuenta de los caracteres del textarea a la vez que se está escribiendo dentro del campo. Se realiza gracias al tratamiento de eventos. Se puede ver el artículo en la dirección http://www.desarrolloweb.com/articulos/1348.php
Seguir navegando a partir aquí:
+ 1 manual relacionado+ 2 categorias relacionadas
+ 1 comentario no revisado
| Autoría, licencia y acciones sobre este artículo | ||||||
|
Informe de Miguel Angel Alvarez*
Director de DesarrolloWeb.com Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo.
|
Manuales relacionados con este artículo
Dentro de Programación en Javascript II
Siguiente: Los eventos en Javascript
Anterior: Control de campos select con Javascript
Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Javascript+ Entrar en Scripts en Javascript
| Comentarios sin revisar |
| Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente. |
 | Ver los comentarios no revisados |
 | Añadir un comentario del artículo |
| Enlaces: |
| Maestrosdelweb |
Ir arriba
Lectura recomendada  Compra este libro en Agapea, la librería urgente a domicilio. |
||||||||||
Tienda DesarrolloWeb
