tyu76uj
Páginas: 5 (1222 palabras)
Publicado: 28 de agosto de 2013
Una de las t�cnicas más utilizadas para que una página web tenga cierto grado de interactividad es el uso de los llamados formularios que son los que nos permiten buscar, hacer pedidos, escribir mensajes, suscribirse, etc.
Aunque las etiquetas HTML para formularios no son muchas, tienen un número muy amplio de atributos y, algunos de ellos, son muy complejos.
Para sólo dar una idea de sufuncionamiento, un formulario se crea con la etiqueta , dentro de la cual se insertan otras que crean los controles: botones, entrada de texto, casillas de verificación, menúes, etc.
Estos son los atributos del elemento FORM:
accept-charset=tipo
lista de codificaciones caracteres soportadas
accept=tipo
lista tipos MIME para subir ficheros
action=URL
proceso en el servidor
enctype=tipomethod=GET | POST
método HTTP usado para enviar el formulario
name=texto
nombre del formulario
onreset=script
el formulario fue reinicializado
onsubmit=script
el formulario fue enviado
target=destino
representar en este marco
Veamos un ejemplo simple, supongamos que deseamos crear una lista de usuarios. Cada uno deberá introducir su nombre y dirección de email y pulsar un botón paraenviarnos los datos. Estos datos los recibiremos directamente en nuestro correo,y con ellos confeccionáramos la lista manualmente.
La estructura general de ese formulario sería:
[elementos para introducir datos]
[botón de envío]
En este caso, el atributo ACTION indica la acción a efectuar (enviar datos por email). El atributo METHOD=POST indica que los datos sean enviadosinmediatamente apenas se pulse el botón de envio (no se analizan ni verifican). El atributo ENCTYPE="TEXT/PLAIN" hace que sea enviado como texto plano, sin codificar.
Los elementos para introducir los datos pueden ser de diferente tipo, texto, menúes y botones. En todos los casos, se utiliza la etiqueta :
En donde: xxx es una palabra que indica el tipo de introducción yyy es el nombre que leasignamos a la variable de introducción del dato zzz es la palabra asociada a un elemento
¿Confuso?, no es para menos, veamos uno por uno:
Para introducir datos por medio de una línea de texto, la palabra clave es INPUT TYPE="text" y, el VALUE no se utiliza. Por ejemplo solicitamos que se introduzca un nombre:
Escriba su nombre:
Se ve así:
Principio del formulario
Escriba sunombre:
Final del formulario
La longitud del formulario es, por defecto, de 20 caracteres. Se puede variar incluyendo en la etiqueta el atributo SIZE="cantidad". Sea cual sea la longitud del formulario, si no se indica nada, puede introducirse cualquier cantidad de caracteres. Se puede limitar incluyendo en la etiqueta el atributo MAXLENGTH="cantidad".
Escriba su nombre (hasta 4caracteres):
Principio del formulario
Ingrese su contraseña (hasta 8 caracteres):
Final del formulario
Si queremos que el usuario confirme una opción determinada, podemos usar un formulario de confirmación, o checkbox, que se consigue con la etiqueta INPUT TYPE="checkbox".
Incluir en la lista de correo
Principio del formulario
Incluir en la lista de correo
Final delformulario
Si queremos que el formulario aparezca marcado por defecto, hay que añadir el atributo CHECKED dentro de la etiqueta.
Incluir en la lista de correo
Principio del formulario
Incluir en la lista de correo
Final del formulario
Cuando queremos que el usuario elija una única opción entre varias, usamos los botones de radio, con la etiqueta INPUT TYPE="radio"".
¿Colorpreferido?
ROJO
VERDE
AZUL
Principio del formulario
¿Color preferido?
ROJO VERDE AZUL
Final del formulario
El atributo opcional CHECKED se ha añadido en la primera etiqueta para que aparezca marcada por defecto.
Todo esto muy bien pero ¿cómo se envian los datos?
El elemento esencial en cualquier formulario es el botón de envío que se consigue con la etiqueta INPUT...
Aunque las etiquetas HTML para formularios no son muchas, tienen un número muy amplio de atributos y, algunos de ellos, son muy complejos.
Para sólo dar una idea de sufuncionamiento, un formulario se crea con la etiqueta , dentro de la cual se insertan otras que crean los controles: botones, entrada de texto, casillas de verificación, menúes, etc.
Estos son los atributos del elemento FORM:
accept-charset=tipo
lista de codificaciones caracteres soportadas
accept=tipo
lista tipos MIME para subir ficheros
action=URL
proceso en el servidor
enctype=tipomethod=GET | POST
método HTTP usado para enviar el formulario
name=texto
nombre del formulario
onreset=script
el formulario fue reinicializado
onsubmit=script
el formulario fue enviado
target=destino
representar en este marco
Veamos un ejemplo simple, supongamos que deseamos crear una lista de usuarios. Cada uno deberá introducir su nombre y dirección de email y pulsar un botón paraenviarnos los datos. Estos datos los recibiremos directamente en nuestro correo,y con ellos confeccionáramos la lista manualmente.
La estructura general de ese formulario sería:
[elementos para introducir datos]
[botón de envío]
En este caso, el atributo ACTION indica la acción a efectuar (enviar datos por email). El atributo METHOD=POST indica que los datos sean enviadosinmediatamente apenas se pulse el botón de envio (no se analizan ni verifican). El atributo ENCTYPE="TEXT/PLAIN" hace que sea enviado como texto plano, sin codificar.
Los elementos para introducir los datos pueden ser de diferente tipo, texto, menúes y botones. En todos los casos, se utiliza la etiqueta :
En donde: xxx es una palabra que indica el tipo de introducción yyy es el nombre que leasignamos a la variable de introducción del dato zzz es la palabra asociada a un elemento
¿Confuso?, no es para menos, veamos uno por uno:
Para introducir datos por medio de una línea de texto, la palabra clave es INPUT TYPE="text" y, el VALUE no se utiliza. Por ejemplo solicitamos que se introduzca un nombre:
Escriba su nombre:
Se ve así:
Principio del formulario
Escriba sunombre:
Final del formulario
La longitud del formulario es, por defecto, de 20 caracteres. Se puede variar incluyendo en la etiqueta el atributo SIZE="cantidad". Sea cual sea la longitud del formulario, si no se indica nada, puede introducirse cualquier cantidad de caracteres. Se puede limitar incluyendo en la etiqueta el atributo MAXLENGTH="cantidad".
Escriba su nombre (hasta 4caracteres):
Principio del formulario
Ingrese su contraseña (hasta 8 caracteres):
Final del formulario
Si queremos que el usuario confirme una opción determinada, podemos usar un formulario de confirmación, o checkbox, que se consigue con la etiqueta INPUT TYPE="checkbox".
Incluir en la lista de correo
Principio del formulario
Incluir en la lista de correo
Final delformulario
Si queremos que el formulario aparezca marcado por defecto, hay que añadir el atributo CHECKED dentro de la etiqueta.
Incluir en la lista de correo
Principio del formulario
Incluir en la lista de correo
Final del formulario
Cuando queremos que el usuario elija una única opción entre varias, usamos los botones de radio, con la etiqueta INPUT TYPE="radio"".
¿Colorpreferido?
ROJO
VERDE
AZUL
Principio del formulario
¿Color preferido?
ROJO VERDE AZUL
Final del formulario
El atributo opcional CHECKED se ha añadido en la primera etiqueta para que aparezca marcada por defecto.
Todo esto muy bien pero ¿cómo se envian los datos?
El elemento esencial en cualquier formulario es el botón de envío que se consigue con la etiqueta INPUT...
Leer documento completo
Regístrate para leer el documento completo.