Manejo de formularios y campos de formulario
Apuntes de www.desarrolloweb.com
- Funciona también en Netscape
Entrar en el ejemplo del formulario
Objeto form:
Propiedades:
- name
- action (puede ser una función javascript)
- method (Al parecer, en Explorer es GET por defecto)
- target
Subpropiedades:
- index: array con todos los formularios de una página
- length: número de controles del formulario
Métodos:
Eventos:
Las comprobaciones previas al envío se pueden realizar en varios
sitios:
- En la definición del formulario, añadiendo onSubmit="javascript:comprobar(this);".
En este caso, el objeto this es el propio formulario.
- En cualquier botón, añadiendo onClick="javascript:comprobar();"
- En cualquier campo del formulario, añadiendo onChange="javascript:comprobar()";
En cualquier evento, se pueden asociar varias acciones: "accion1();
accion2(); ..."
Objetos text y password:
Propiedades:
- name
- value
- disabled = true: no permite introducir datos. No se envía en el
formulario.
- readonly: no permite introducir datos. Se envía.
- size: ancho
- length: cuenta los caracteres
- maxlength: número máximo de caracteres permitidos.
Métodos:
- select: selecciona todo el texto.
- toUpperCase: Convierte a mayúsculas (value.toUpperCase)
- toLowerCase: Convierte a minúsculas (value.toLowerCase)
Eventos:
- onFocus
- onBlur: cuando pierde el foco
- onSelect: cuando se selecciona el texto
- onKeyUp, onKeyDown, onKeyPress
- onClick
- onChange
- onMouseOver, onMouseOut
Objetos textarea:
Propiedades:
- las mismas que text
- cols: ancho
- rows: alto
Objetos radio y checkbox:
Propiedades:
- name
- value
- disabled
- checked (true o false)
- length: cantidad de radios
- index: array con los radios
Eventos:
- onFocus
- onBlur
- onClick
- onChange
Para referirnos a estos objetos, hay que comprobar si están checked, porque
el value lo tienen siempre igual.
Objetos select:
Propiedades:
- name
- size: filas que se muestran
- disabled
- multiple: admite varias selecciones
Métodos:
Eventos:
Sub objetos option (de un select):
Propiedades:
- value (invisible)
- text (el texto que se muestra)
- selected
- selectedIndex
- index: array con todos los option
- lengt: cantidad de options
Constructor:
- variable = new Option("text","value","defaultSelected","selected");
- nombre_formulario.nombre_select.options[index] = variable;
- nombre_formulario.nombre_select.options[index] = null; //borra esa
option
Objeto file: Elige un fichero de nuestro disco duro
Propiedades:
- name
- size
- disabled
- maxlength (importante para limitar el tamaño del fichero)
- no admite value por motivos de seguridad
Eventos:
Importante:
- Para enviar un fichero, hay que añadir el atributo enctype="multipart/form-data"
en la etiqueta <form>