You are on page 1of 10

c

FORMULARIOS
HTML

ANDRÉS MEDRANO

1° ͞D͟ SISTEMAS

Semestre 1
LOS FORMULARIOS DENTRO DE HTML

p c  c cc


 c c c c c  cc  c c c   c
 c c  c  c  c c    c   c pc  c  c  c  c   c c  c
   c c cc c  c   c cc  cc  c   c c  c
 c ccc c c c c  c c c c c c  c ccc c
c   cc c c c cc c c c cc  c  cc c  c
 cc cc  c  c  c   cc   c c  c   c

pc  c  c c  c pc   c c   c  c  c   c    c  c  c


  c   c   c  c !"#$%c !&'()%c !*+p+,%c !#(&#'%c c !+-.$+.%c + c
 c  c c  c   c  c    c c   c  c  c c   c c
  c  c   c     c c    c  c   c  c  c  c     c c
 c  c  c c c  c

Etiqueta <FORM>

  c  c  c  c   c  c cc c  c!"#$%cc!/"#$%cc  c c


 c c c  c c c  c„ c c c  c cc c  c!0#12%cc
!/0#12%c+ c  c!"#$%c  c  c  c   c

_OMANDO DES_RIP_IÓN
+c c c  c   c
c c )$pc  c  c c
A_TION  c c c   c 3 c
  c c   c c
   c    c
(  cc c c4+c
c c c(#*cc  c
METHOD c  c c c c  c
 c  c    c c
  c
+ c   c  c
   c c  c c
EN_TYPE    c  c c
 c  c c 5c
 c  c
c

p c  c   c   c  c c c  c  c  c   c c  c   c  c


   c c  c    c   c c c    c c  c c +c   c c
   cEN_TYPEc c    cc c c  c   c
Etiqueta<INPUT>c

+cc  c  c c   c c c  c* cc  c  c  c c  c
   cc c ccc   c c6
c 6c6 c 6c6
7c 8 6c
c  c   c c   c 8 c (  c 
c   c     c .p&4'c ,+,9+1c
.-p+'4c'.+c*&:+c*$,c2(+cc;.p)+c

p c   c  c c c  c !&'()%c  c '.+c  c  c  c  c  c c
 c   <c c 2(+c  c   c c  c   c +-c (.**=#$1c ,+,90#-c $.1&#c
*)0&c$+*+c&.4+c c&11+'<c c  cc  c c   c c  c   c

Etiqueta<SELE_T>

+ cc c  c  c c c c   c c c c c c  c   c c c
 c c  cc c  c c    c

Etiqueta <OPTION>

, c  c  c    c c   c  c c  c   c  c c c !*+p+,%c c


!/*+p+,%cc

Etiqueta <TEXTAREA>

+ cc c  c c  c  c c  c c  c c c  c  c
 c  c c  c  c c c  c  c 8 c

(c c  c


 c  c c c
 cp c

c
.  c  c   c c  c  c c  c   c  c  c   c  c   c   c
  cc  c. 5  c cc c

+c  c  c c  c  c

!"#$c.,&#'>6  ?@AB
 6c+#1>(#*%c

  c   c   c  c  c c  c !"#$%c c  c  c !/"#$%c +c    c


.,&#'c   c  c c  c  c    c
 c  c c    c  c c  c  c  c
  cc   c c c  cc   cc    c  c     c

_ strucció de F rmulari s:

+c2(+c c  ccc  c!&'()%c c c  c c+-c


c
!"#$%c
!&'()c2(+c>cC+-D%c
!/"#$%cc
c
 c  c!&'()%c   c c'.+cc  c c c c c c c  c c
 c c c c   c'.+c c c  c cc c c  c c c   c c
c c
c
!"#$%c
!&'()c2(+c>cC+-Dc'.+>D'#0$+D%c
!/"#$%cc
c
,  c c c  cc  c ccc c 8 cE c   c. 5c  Fc5 c c
    c c c  c  c c  c c  c &'()c c   c    c  c 6  6c
E'.+>6  6Fc  c  c  c c    c  c   c    c   c c c  >. 5c
  c +c   c c c  c    c    c  c  c     c  c c  c
  c
c
!"#$%c
!&'()c2(+c>cC+-Dc'.+>D'#0$+Dc;.p)+>C.'1$+*c+1$.'#D%c
!/"#$%cc
c

c
c
+ c   c  c cc  >c.'1$+*c+1$.'#c c c  c  cc
c  c  c c +c G c  c c c   c  c   c 5 c  c c  c
  c
c
!"#$%c
!&'()c2(+c>cC+-Dc'.+>D'#0$+Dc;.p)+>C.'1$+*c+1$.'#Dc*&:+>DHID%c
!/"#$%cc
c
c
5 c   c cc c c  cc  c c c c  c c cc
  c  c    c   c   c  c c  c  c ( c   c  c  c  c HJc
  c c  c cc c  c
c
!"#$%c
!&'()c2(+c>cC+-Dc'.+>D'#0$+Dc;.p)+>C.'1$+*c+1$.'#Dc*&:+>DHIDc.-p+'4>DHJD%c
!/"#$%cc
c
c c c 2(+>+-c c c 2(+>(.**=#$1c +c 8  c c c  c 8 c  c c
  c c  c c cKKKc cc c cc c c  c c c
c
!"#$%c
!&'()c2(+c>cC(.**=#$1Dc'.+>D,p.;+D%c
!/"#$%cc
c
. c 5 c  c c  c*&:+c;.p)+cc.-p+'4c
c
Radi Butt s y _eck B es

p c $ c 0 c  c   c c  c    c  c  c c  c + c  c c
,
7c0 8 c c cc c c  c c c c  c
c
Radi Butt s:

!"#$%c
!&'()c2(+c>cC$.1&#Dc'.+>D+L)&(#*D%c
!/"#$%cc
c
$    c c c  c&'()c  c c c;.p)+cc c'.+ c
c
!"#$%c
!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6&p&.$+*6%'.,&#'.pc
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6p.4.$#*6%p&4.c1+cL)&#c
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6#$+$#*6%0.$,+p#'.c
!/"#$%c

+c '.+c c c c c  c  c $ c 0 c  c  c  c  c c c  c  c
'.+>6+L)&(#*6c+ c  c c c;.p)+cc  c   c  c   c  cc   c c
 c  c   c c  c c  c  c   c c  c    c
+L)&(#*>0)+'#cc

c
c

, c c    c,+,9+1c  c  c ci  c c  c c c  c   c   c
c c   c

*c c
  c  c c c c

!"#$%c
ML5 c  c c  c c  c   N!0$%c
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6&p&.$+*6c,+,9+1%'.,&#'.pc
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6p.4.$#*6%p&4.c1+cL)&#c
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6#$+$#*6%0.$,+p#'.c
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6+p+,$&,#*6%++p+,c
!0$%!&'()c2(+>6$.1&#6c'.+>6+L)&(#*6c;.p)+>6#$p.,#*6%1+(#$&;#c,)+',.c
!/"#$%c
c

c
c

_eck B es:

pc   c c
7c 8 c c  cc
c
!"#$%c
!&'()c2(+c>cC,+,90#-Dc'.+>D+L)&(#*D%c
!/"#$%cc
c
.c   c  c c $ c 0 c  c ,
7c 0 8 c  c c  c  c c c    c
;.p)+cc c c c c'.+c( c   c
c
c
!"#$%c
!&'()c2(+>6,+,90#-6c'.+>6+L)&(#*6c;.p)+>62+*6%'.,&#'.pc
!0$%!&'()c2(+>6,+,90#-6c'.+>6+L)&(#*6c;.p)+>62+*6%p&4.c1+cL)&#c
!0$%!&'()c2(+>6,+,90#-6c'.+>6+L)&(#*6c;.p)+>62+*6%0.$,+p#'.c
!0$%!&'()c2(+>6,+,90#-6c'.+>6+L)&(#*6c;.p)+>62+*6%++p+,c
!/"#$%c
c

c
.
c c  c c5 c
 c  c  c c  c c c c c
c  c   c  c    c   c c  c c   c
 c '.+*c  c c  c  c
  c c  c c  c c  c 

c
Listas:

(c c   c  c  c  c   c   c c  c !SELE_T%c c c  c c  c
   c!INPUT%ccc  c c  c c  c c c ccc!/SELE_T%c+c
  c

!"#$%c
!*+p+,%c
+p++'#*c1+cp.cp&*.!c
!/*+p+,%c
!/"#$%c
c
Listas Desplegables:

p c c c'.+cc  c c   c2c c  c c ccc!#(&#'%c
c
!"#$%c
!*+p+,c'.+>D+L)&(#*D%c
!#(&#'c;.p)+>D&p&.$+*D%'.,&#'.pc
!#(&#'c;.p)+>Dp.4.$#*D%p&4.c1+cL)&#c
!#(&#'c;.p)+>D#$+$#*D%0.$,+p#'.c
!#(&#'c;.p)+>D+p+,$&,#*D%++p+,c
!#(&#'c;.p)+>D#$p.,#*D%1+(#$&;#c,)+',.c
!/*+p+,%c
!/"#$%c
c
c
c
pc  c c   c c c c c  c  c cc c<OPTION>c c*c5 c
c c  c c   c c
  c c c   c*+p+,+1.

(c   cc c   c c c c  c   c c c   c*&:+c
c   c
c
!"#$%c
!*+p+,c'.+>D+L)&(#*Dc*&:+>DOD%c
!#(&#'c;.p)+>D&p&.$+*D%'.,&#'.pc
!#(&#'c;.p)+>Dp.4.$#*D%p&4.c1+cL)&#c
!#(&#'c;.p)+>D#$+$#*D%0.$,+p#'.c
!#(&#'c;.p)+>D+p+,$&,#*D%++p+,c
!#(&#'c;.p)+>D#$p.,#*D%1+(#$&;#c,)+',.c
!/*+p+,%c
!/"#$%c
c
Área de Tet :

(c  c  c  c  c 8 c   c c  c  c c   c  c   c  c


   c c  c   c cc  c!TEXTAREA%c cc c  c

!"#$%c
!+-.$+.c'.+c>cC*)4+$+',&.*D%c
!/+-.$+.%c
!/"#$%cc
,   c c G c  c  c  c 8 c  c  c    c $#=*c c ,#p*c  c   c
    c c   c ccc  c    c c  c c c
c  c
(c   c  cROWSc cc cc_OLScc 
c
c
!"#$%c
!+-.$+.c'.+c>cC*)4+$+',&.*Dc$#=*>Pc,#p*>JI%c
!/+-.$+.%c
!/"#$%cc
c

) c   c    c  c  c  c !+-.$+.%c c WRAPc . c i  c c  c


   c    c c c c c   c c  c+ c   cWRAPc
 c  c c 8 c    c c   c  c  c   c   c c  c   c c
 c  cc c c c  
c   c  c c c
c c c
 c c c c  cc cENTERc

!"#$%c
!+-.$+.c'.+c>cC*)4+$+',&.*Dc$#=*>Pc,#p*>JIc=$.(>D*#"D%c
!/+-.$+.%c
!/"#$%cc
WRAP>6*#"6c  c  c c 8 c    c c c c  c 8 c c   c  c   c
  c   c   c    c   c  c  c c c   c c  c  c c c    c
  c cc c c  c
c
!"#$%c
!+-.$+.c'.+c>cC*)4+$+',&.*Dc$#=*>Pc,#p*>JIc=$.(>D*#"D%c
!/+-.$+.%c
!/"#$%cc
WRAP>6.$16c c c c 8 c c  c cc c   c
c
!"#$%c
!+-.$+.c'.+c>cC*)4+$+',&.*Dc$#=*>Pc,#p*>JIc=$.(>D#""D%c
!/+-.$+.%c
!/"#$%cc
WRAP>6#""6c + c c  c c  c  c    c  c c  c  c 8 c c c  c c  c
 c c c  cc  c   c
c
B t es SUBMIT y RESET:

+ c c cc c c  c


c
!"#$%c
!&'()c2(+c>cC*)0&D%c
!/"#$%cc
c
+ c  c  c   c c    c  c  c c RESETc  c  c
 c c  c c
  c c c c cc  c  c c  c c   c
c
!"#$%c
!&'()c2(+c>cC$+*+D%c
!/"#$%cc
c
+c  cc c 8 c c  c c c c   c ALUE c
c
!"#$%c
!&'()c2(+c>cC*)0&Dc;.p)+>D+';&.$c1.#*D%c
!&'()c2(+c>cC$+*+Dc;.p)+>D0#$$.$c1.#*D%c
!/"#$%cc
c
(   c c c c  c  cSUBMIT:

!"#$%c
!&'()c2(+c>cC&.4+Dc*$,>D+';&.$4&"Dc=&1>QIc+&4>OJc!0#$1+$>Ic.p>D*)0&D%c
!/"#$%cc
c
(c c c c c c  c$+*+c c c c  c  c c cc
c
) c  c c c    cc c   c
c
!"#$c.,&#'>C.0p.*pD%c
!&'()c2(+c>cC*)0&Dc;.p)+>D.0p.*D%c
!/"#$%cc
c
c
c
BIBLIOGRAFIA:
c

 //3333  8   /  / /HHH/  R  R  R R


/c

 // 7 7  / /
/
 
Oc
c
c
c
c