lunes, 14 de septiembre de 2015

Conoce las propiedades de los objetos text y password



propiedaddescripció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.
sizeEl ancho "visible" de la caja de texto. NO limita la cantidad de caracteres.
lengthcuenta la cantidad de caracteres introducidos en el campo.
maxlengthes la cantidad máxima de caracteres permitidos dentro del campo.


6.1.2 Sintaxis básica

<input type="[objeto]" name="nombre" value="valordisabled/ReadOnly size="20maxlength="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étododescripción
focus
Pone el foco en el campo.
selectSelecciona todo el texto contenido en el campo (lo colorea de un azul estándar)
toUpperCaseConvierte el texto introducido en el campo a mayúsculas. Está asociado a la propiedad value.
toLowerCaseConvierte 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

eventodescripción
onFocus
Permite realizar una acción al poner el foco en el campo.
onBlurPermite realizar una acción cuando el foco ya no se encuentra en el campo.
onSeletPermite realizar una acción cuando se selecciona el texto del campo.
onKeyUp / onKeyDown / onKeyPressPermite realizar una acción cuando el usuario pulsa una tecla (en los ejemplos veremos la diferencia)
onClickPermite realizar una acción cuando se hace click sobre el campo.
onChangePermite realizar una acción cuando el texto del campo cambia por otro.
onMouseOver / onMouseOutPermite 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')" ...>

Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información




No hay comentarios:

Publicar un comentario

Entradas populares