Los objetos text y password

Propiedades de los objetos text y password son name, value, disabled, ReadOnly, size, length y maxlength.

6.1 Propiedades de los objetos text y password

 

propiedad descripción

name

nombre del campo. Es el identificador único del campo. Este nombre no puede estar duplicado dentro del formulario.

value

valor del campo. puede establecerse un valor por defecto u obtener el introducido mediante JavaScript.

disabled

si su valor es "true", bloquea el campo de texto y no permite introducir ningún dato en él. Dicho de una forma poco técnica, este campo de texto "No es enviado en el formulario" y "actúa como si no existiese". Si su valor es "false" contrarresta el efecto anterior.

ReadOnly

convierte al campo en un área de "solo lectura". A diferencia de disabled esta propiedad, no bloquea el campo, sino que simplemente no permite modificar su contenido.

size El ancho "visible" de la caja de texto. NO limita la cantidad de caracteres.
length cuenta la cantidad de caracteres introducidos en el campo.
maxlength es la cantidad máxima de caracteres permitidos dentro del campo.

 

 

6.1.2 Sintaxis básica

 

<input type="[objeto]" name="nombre" value="valor" disabled/ReadOnly size="20" maxlength="20">

 

[objeto] --> debe ser reemplazado por text o password.

disabled/ReadOnly --> debe elegirse una sola propiedad disabled o ReadOnly

 

Para llamar a alguna de estas propiedades, se utiliza la siguiente sintaxis:

 

formulario.campo.propiedad

 

donde:

formulario es el nombre del formulario

campo el nombre del campo

y propiedad debe ser reemplazado por el nombre de la propiedad correspondiente.

 

 

6.2 Principales métodos de los objetos text y password

 

método descripción

focus

Pone el foco en el campo.

select Selecciona todo el texto contenido en el campo (lo colorea de un azul estándar)
toUpperCase Convierte el texto introducido en el campo a mayúsculas. Está asociado a la propiedad value.
toLowerCase Convierte el texto introducido en el campo a minúsculas. Está asociado a la propiedad value.

 

6.2.1 Sintaxis básica

 

formulario.campo.método()

 

donde:

formulario es el nombre del formulario

campo el nombre del campo

y método debe ser reemplazado por el nombre del método correspondiente.

 

 

6.3 Principales eventos de los objetos text y password

 

evento descripción

onFocus

Permite realizar una acción al poner el foco en el campo.

onBlur Permite realizar una acción cuando el foco ya no se encuentra en el campo.
onSelet Permite realizar una acción cuando se selecciona el texto del campo.
onKeyUp / onKeyDown / onKeyPress Permite realizar una acción cuando el usuario pulsa una tecla (en los ejemplos veremos la diferencia)
onClick Permite realizar una acción cuando se hace click sobre el campo.
onChange Permite realizar una acción cuando el texto del campo cambia por otro.
onMouseOver / onMouseOut Permite realizar una acción cuando el mouse pasa por encima del campo o lo abandona (estos eventos tienen un uso muy restringido ya que dependen del fin que se le quiera aplicar. Por lo general, son bastante molestos puesto que el usuario puede pasar el mouse por error, sobre un campo).

 

6.4 Sintaxis básica

 

<input type="text" name="..." value="..." ..... evento="función">

 

evento debe ser reemplazado por el evento deseado (ejemplo: onFocus) y función puede ser la función JavaScript, o una acción cualquiera.

 

ejemplo:

<... onFocus="alert('Mensaje de Alerta')" ...>

Autor

Eugenia Bahit

Analista Programadora LAMP y Scrum Coach

Compartir

Comentarios

Salvador Guzman

08/2/2005
hola puese un formulario en mi pagina web y quiero que me manden una foto pro no funciona en mi formulario no me llega en mi correo ya que nesesito que me lo envien por que mis clientes quieren su producto con su logotipo que puedo aher para que en el formulario de mi paguina web me lo envien a mi correo les agradeseria que me mandaran un formulario completo y que pueda enviar fotos a mi correo gracis

Leonardo

21/2/2006
He probado la propiedad disabled en tiempo de ejecucuón para una caja de texto y funciona perfecto, es decir, luego de escribir un número de identificación en otra caja de texto mi página carga un array con los datos de unos usuarios ordenados de acuerdo a ese número de identificación, y coloca en las cajas correspondientes la información de ese array (nombre, ciudad, teléfono, ect.) y luego tengo que bloquear las cajas para que la persona que suministra los datos no los cambie. Al utilizar disabled y hacer submit del formulario pierdo los datos de las cajas con disabled (eso es lógico, así es como funciona), pero al utilizar ReadOnly en lugar de disabled... NADA, las cajas siguen igual... es decir se puede reescribir sobre los datos cargados desde el array. Que se puede hacer??? la sintaxis que he usado para las cajas es:
document.form1.texto.ReadOnly=true;
o
document.form1.texto.ReadOnly;

donde
form1=Nombre del formulario
texto=Nombre de cada objeto input tipo=text

Pero ninguna de las dos formas funciona.

Pedami

08/12/2006
la solución es colocarlo:

document.form1.texto.readOnly==true

lo acabamos de probar y funciona... algo tarde la respuesta, pero alguien la debe necesitar...

Bye..!!!

Jime

24/1/2007
Probe el readOnly y funciona pero de la siguiente forma:
document.formulario.texto.readOnly=true;
es importante readOnly ponerle exactamente asi

Espero que les sea util

Pedro V.

06/2/2007
Correcto!!. Hay que escribirlo de la forma indicada

campo.readOnly=true;

Así funciona correctamente.