En esta
publicación conocerás las propiedades y
métodos de los objetos de formularios HTML, los objetos que
describo en esta guía son: Form, Text y sus variantes Textarea y Password, Objeto
button, Objeto checkbox, Objeto radio, Objeto select y hidden.
Para mayor
comprensión recomiendo leer los materiales publicados sobre Formularios HTML publicados en los siguientes enlaces:
Objeto Form de HTML
El objeto form es el contenedor de todos los elementos del formulario. Como ya vimos al tratar el objeto document, los formularios se agrupan en un array dentro de document. Cada elemento de este array es un objeto de tipo form.
Propiedades del Objeto Form
action: Cadena que
contiene la URL del parámetro ACTION del form, es decir, la dirección en la que
los datos del formulario serán procesados.
elements: Array que
contiene todos los elementos del formulario, en el mismo orden en el que se
definen en el documento HTML. Por ejemplo, si en el formulario hemos puesto, en
este orden, una caja de texto, un checkbox y una lista de selección, la caja de
texto será elements[0], el checkbox será elements[1] y la lista de selección
será elements[2].
encoding: Cadena que tiene
la codificación mime especificada en el parámetro ENCTYPE del form.
method: Cadena que tiene
el nombre del método con el que se va a recibir/procesar la información del
formulario (GET/POST).
Métodos del Objeto Form
reset(): Resetea el
formulario: tiene el mismo efecto que si pulsáramos un botón de tipo RESET dispuesto
en el form.
submit(): Envía el
formulario: tiene el mismo efecto que si pulsáramos un botón de tipo SUBMIT
dispuesto en el form.
Objetos Text, Textarea y Password
Estos objetos representan los campos de texto dentro de un formulario. El objeto password es exactamente igual que el text salvo en que no muestra los caracteres introducidos por el usuario, poniendo asteriscos (*) en su lugar.
Propiedades de Text, Textarea y Password
dafaultValue: Cadena que
contiene el valor por defecto que se le ha dado a uno de estos objetos por
defecto.
name: Cadena que
contiene el valor del parámetro NAME.
value: Cadena que
contiene el valor del parámetro VALUE.
maxlength: Número máximo de
caracteres que puede contener el campo de texto.
Métodos de Text, Textarea y Password
blur(): Pierde el foco
del ratón sobre el objeto especificado.
focus(): Obtiene el foco
del ratón sobre el objeto especificado.
select():Selecciona el
texto dentro del objeto dado.
Objeto Button
Hay tres tipos de botones: uno genérico, 'button', que no tiene acción asignada, y dos específicos, 'submit' y 'reset'. Los dos últimos tienen una acción asignada al ser pulsados: el primero envía el formulario y el segundo limpia los valores del formulario.
Propiedades del Objeto Buttom
name: Es una cadena
que contiene el valor del parámetro NAME.
value: Es una cadena
que contiene el valor del parámetro VALUE.
Métodos del Objeto Buttom
click(): Realiza la acción
de pulsado del botón.
Objeto Checkbox
Las "checkboxes"
permiten seleccionar varias opciones marcando el cuadrito que aparece a su
izquierda. El cuadrito pulsado equivale a un "sí" y sin pulsar
a un "no", o lo que es equivalente a "true" o
"false".
Propiedades del Objeto Checkbox
hecked: Valor booleano
que nos dice si el checkbox está pulsado o no.
defaultChecked: Valor booleano
que nos dice si el checkbox debe estar seleccionado por defecto o no.
name: Cadena que
contiene el valor del parámetro NAME.
value: Cadena que
contiene el valor del parámetro VALUE.
Métodos del Objeto Checkbox
click(): Realiza la
acción de pulsado del botón.
Objeto Radio
A diferencia de los checkbox,
que permiten elegir varias posibilidades entre las dadas, los objetos radio
sólo permiten elegir una de entre todas las que hay. Están pensados para
posibilidades mutuamente excluyentes.
Propiedades del Objeto Radio
checked: Valor booleano
que nos dice si el radio está seleccionado o no.
defaultChecked: Valor booleano
que nos dice si el radio debe estar seleccionado por defecto o no.
length: Valor numérico
que nos dice el número de opciones dentro de un grupo de elementos radio.
name: Cadena que
contiene el valor del parámetro NAME.
value: Cadena que
contiene el valor del parámetro VALUE.
Una aclaración muy importante
es que para agrupar elementos de tipo radio, todos ellos deben tener el mismo
valor en NAME.
Métodos del Objeto Radio
click():Realiza la acción
de pulsado del botón.
Objeto Select
Este objeto representa una
lista de opciones dentro de un formulario. Puede tratarse de una lista desplegable
de la que se puede escoger alguna (o algunas) de sus opciones.
Propiedades del Objeto Select
length: Valor numérico
que nos indica cuántas opciones tiene la lista.
name: Cadena que
contiene el valor del parámetro NAME.
options: Se trata de un
array que contiene cada una de las opciones de la lista. Este array tiene, a su
vez, las siguientes propiedades:
defaultSelected: Valor booleano
que nos indica si la opción está seleccionada por defecto.
index: Valor numérico
que nos da la posición de la opción dentro de la lista.
length: Valor numérico
que nos dice cuántas opciones tiene la lista.
options: Cadena con todo
el código HTML de la lista.
selected: Valor booleano
que nos dice si la opción está actualmente seleccionada o no.
text: Cadena con el
texto mostrado en la lista de una opción concreta.
value: Cadena que
contiene el valor del parámetro VALUE de la opción concreta de la lista.
selectedIndex: Valor numérico
que nos dice cuál de todas las opciones disponibles está actualmente
seleccionada.
Objeto Hidden
Gracias a este objeto se puede almacenar información extra en el formulario de forma completamente invisible para el usuario, pues no se verá en ningún momento que se tienen estos campos en el documento.
Es parecido a un campo de
texto (objeto text) salvo que no tiene valor por defecto (no tiene
sentido pues el usuario no va a modificarlo), y que no se puede editar.
Propiedades del Objeto Hidden
name: Cadena que contiene el valor
del parámetro NAME.
value: Cadena que
contiene el valor del parámetro VALUE.
Jerarquía de Objetos de Formularios HTML
El siguiente es un diagrama donde podemos ver la
jerarquía de los objetos de formularios HTML.
Desarrollo de sitios web con php, java script, html5, css, tiendas virtuales, manejadores de contenido cms, wordpress y joomla.
No hay comentarios.:
Publicar un comentario
Gracias por tu comentario