Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
11Activity
0 of .
Results for:
No results containing your search query
P. 1
html5_Formularios

html5_Formularios

Ratings: (0)|Views: 1,224 |Likes:
Published by esther_ferreiro

More info:

Published by: esther_ferreiro on Aug 05, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

06/28/2013

pdf

text

original

 
Formularios HMTL5 Página 1
FORMULARIOS
Contenido
INTRODUCCIÓN 
Los formularios están compuestos por controles que solicitan datos al usuario. Losformularios son de uso común, por ejemplo, al realizar una compra en una tienda on-line, alsolicitar una cuenta de correo o al darnos de alta en una red social debemos introducirinformación en distintos campos de formularios.Un formulario HTML es una sección de un documento Web limitada por las etiquetas
<form>….<form/>
que contiene texto, código, controles (casillas de verificación,desplegables, botones de opción, etc.), y etiquetas (texto que acompaña a los controles).Además, los formulario siempre poseen un botón para enviar la información introducida aun servidor con el fin de procesar los datos.Las características del envío del formulario se indican en los atributos
method
y
 action
de la etiqueta
form
.
 
Formularios HMTL5 Página 2
Las características de method y action (a continuación) pueden ponerse comoventanas emergentes en el párrafo anterior (son características de HTML de versionesanteriores pero me parecen suficientemente importantes como para reseñarlas)
 
method: Especifica como se envía los datos del formulario, puede contener losvalores get o post. El método get es el valor por defecto y determina que lainformación será enviada como una cadena de texto anexa a la dirección Webde destino. Si se utiliza el método post los datos se envían al servidor comoparte del cuerpo de la petición.
 
action: Este atributo indica el destino de la información del formulario. Si losdatos se van a enviar a una dirección de correo electrónica, el valor debe sermailto:dirección@dominio,en cambio, si la información va a ser tratada por unprograma se debe indicar la URL1 del mismo.
Formulario enviado por correo a la dirección minombre@dominio 
form 
 
method 
=”post” 
action 
="mailto:minombre@dominio"> Formulario enviado con la URL destino para ser tratado por el programa script.cgi 
form method 
” 
get 
” 
 
action 
="http://www.dominio/cgi-bin/script.cgi"> 
HTML5 amplía el número de controles, muchos relacionados con fechas y horas,también hay nuevos elementos de formulario como barras de tiempo, control de selecciónde colores, etc. Con la nueva versión de HTML se han enriquecido las características de losformularios para realizar operaciones que antes solo podían implementarse utilizandoJavaScript. HTML5 incorpora nuevos tipos de datos, restricciones, expresiones regulares,atributos (
autofocus, solo lectura, placeholder 
), control de autocompletado, validacionesautomáticas, eventos (
valid,invalid 
), pseudoclases CSS (
input:invalid, input:valid 
), etc.
 
Los ejemplos que se muestran en este tema están adaptados para verse en Opera(a no ser que se especifique otra cosa), pues este es el primer navegador que incorpora lamayor parte de todas las operaciones que tienen que ver con los formularios en HTML5.
CONTROLES INPUT DE VERSIONES ANTERIORES A HTML5 
Uno de los controles de uso más habitual son aquellos que se crean con la etiqueta
input
que se utilizan para mostrar campos de formulario que permiten a los usuariosintroducir datos de distintos tipos. El comportamiento de la etiqueta
input
se puedemodificar asignando distintos valores al atributo
type
.
<body> <form> 
…..
 
input 
 
type 
” 
tipodecontrol 
”…. otros atributos….>
1
Uniform Resource Locator. Es la cadena de caracteres que representa una dirección única utilizadapara localizar los recursos en Internet. La primera parte de una URL indica el protocolo a utilizar (http:\\ oftp:\\), la segunda parte indica la dirección IP o nombre de dominio donde se localiza el recurso. Por ejemplo:http://es.wikipedia.org
 
Formularios HMTL5 Página 3
…..
 </form> 
Los valores del atributo
type
creados en versiones anteriores a HTML5 y que estánvigentes todavía son los siguiente:
 
button
: crea un botón ordinario que no tiene ninguna función preestablecida.
 
checkbox
: define controles que representan casillas de verificación.
 
file
: este tipo de control permite a los usuarios elegir un fichero para enviar.
 
hidden
: define un control que permite introducir valores que no se mostrarán enel formulario pero sí serán enviados con él.
 
image
: crea un botón de tipo
submit
(de envio)
 
con una imagen.
 
password
: el control resultante se utiliza para introducir contraseñas, secaracteriza porque oculta al usuario los caracteres que se introducen.
 
radio
: define un control del tipo botón de opción, en el caso de definir varioscontroles de este tipo con el mismo valor del atributo
name
, sólo uno de ellospodrá ser elegido de cada vez.
 
reset
: crea un botón que borra todos los campos del formulario.
 
submit
: crea un botón de envío de formulario.
 
text
: define un control que se utiliza para introducir texto genérico.Los controles que funcionan como un botón tienen habitualmente un detector deeventos (
onclick 
) y una llamada a una función JavaScript, por ejemplo,
<!DOCTYPE HTML> <html> <head> 

Activity (11)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
gsaucedo70 liked this
yoledesing liked this
clopez_258442 liked this
bkmg201 liked this
Jhonny Moreira liked this
Salvador Sanchez liked this
rosnel15 liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->