Paggamit sa Input Tag sa Pagsumite sa mga Porma
Ang mga porma sa HTML usa sa labing nag-unang mga paagi sa pagdugang sa interactivity sa imong website. Makapangutana ka ug mangayo og mga tubag gikan sa imong mga magbabasa, paghatag og dugang nga impormasyon gikan sa mga database, pagtukod og mga dula, ug daghan pa. Adunay daghang mga elemento sa HTML nga imong magamit aron sa pagtukod sa imong mga porma. Ug sa higayon nga imong gitukod ang imong porma, adunay daghang nagkalainlaing mga paagi sa pagsumiter niana nga kasayuran ngadto sa server o pagsugod lamang sa porma nga aksyon nga nagdagan.
Daghan kini nga mga paagi nga mahimo nimong isumiter ang imong mga porma:
-
- Kini mao ang labing komon nga pamaagi sa pagkuha og datos sa server, apan kini mahimong yano nga pagtan-aw.
-
- Ang paggamit sa usa ka hulagway naghimo nga sayon kaayo nga himoon ang imong igsusulat nga butang nga angay sa estilo sa imong site. Apan ang uban nga mga tawo tingali dili makaila nga kini usa ka butang nga isumite.
-
- Ang butang nga INPUT nga tag naghatag sa daghang mga kapareho nga mga kapilian sama sa image INPUT tag, apan ang hitsura nga sama sa standard submit type. Gikinahanglan ang JavaScript aron mapalihok.
-
- Ang elemento sa COMMAND bag-o sa HTML5, ug naghatag kini og usa ka paagi sa pagpaaktibo sa mga script ug mga porma nga adunay mga nahimo nga mga aksyon. Gi-activate kini gamit ang JavaScript.
Ang INPUT Element
Ang INPUT nga elemento mao ang labing komon nga paagi sa pagsumite sa usa ka porma, ang tanan nga imong buhaton mao ang pagpili sa usa ka tipo (button, larawan, o isumiter) ug kung gikinahanglan ang pagdugang sa pipila ka mga scripting aron magpasakop sa porma nga aksyon.
Ang nga elemento mahimong gisulat sama sa ingon. Apan kung buhaton nimo, adunay magkalahi nga resulta sa lainlaing mga browser. Kadaghanan sa mga browser naghimo sa usa ka butones nga nag-ingon nga "Isumiter," apan ang Firefox naghimo sa usa ka butones nga nag-ingon nga "Magsumite sa Query." Sa pag-usab unsa ang gisulti sa button, kinahanglan nimong idugang ang usa ka hiyas:
bili = "Submit Form">
Ang elemento gisulat nga ingon niana, apan kon imong isalikway ang tanan nga uban nga mga hiyas, ang tanan nga ipakita sa mga browser usa ka walay sulod nga gray nga butones. Aron idugang ang teksto ngadto sa buton, gamita ang bili nga hiyas. Apan kini nga button dili mosumiter sa porma gawas kung mogamit ka JavaScript.
onclick = "submit ();">
Ang susama sa button type, nga nagkinahanglan sa usa ka script nga isumiter ang porma. Gawas sa usa ka bili sa teksto, kinahanglan nimo nga idugang ang usa ka source source image.
src = "submit.gif">
Ang BUTTON Element
Ang elemento sa BUTTON nagkinahanglan sa duha ka pangbukas nga tag ug usa ka closing tag Sa diha nga imong gamiton kini, ang bisan unsa nga sulod nga imong ilakip sa sulod sa tag ipatapik sa usa ka butones. Dayon imong ma-activate ang button nga adunay script.
Isumiter ang Porma
Mahimo nimo ilakip ang mga hulagway sa imong butones o isagol ang mga hulagway ug teksto aron makahimo og usa ka butang nga mas makapaikag.
Isumiter ang Porma
Ang COMMAND Element
Ang elemento sa COMMAND bag-o nga adunay HTML5. Wala kini nagkinahanglan nga usa ka FORM nga magamit, apan kini mahimo nga usa ka butang nga isumite alang sa usa ka porma. Kini nga elemento nagtugot kanimo sa pagmugna og mas daghang mga interactive nga mga panid nga walay kinahanglanon nga mga porma gawas kung kinahanglan nimo ang mga porma. Kon gusto nimo ang sugo nga isulti ang usa ka butang, imong isulat ang kasayuran sa usa ka marka nga hiyas.
label = "Submit Form">
Kung gusto nimo ang imong sugo nga mahulagway sa usa ka imahen, imong gigamit ang hiyas sa icon.
icon = "submit.gif">
Kini nga artikulo kabahin sa Tutorial sa Forms sa HTML. Basaha ang bug-os nga panudlo aron makat-on unsaon paggamit ang mga porma sa HTML.
Ang mga porma sa HTML adunay ubay-ubay nga mga paagi sa pagsumite, ingon sa imong nakat-unan sa miaging panid. Duha sa mga pamaagi mao ang INPUT nga tag ug ang BUTTON tag. Adunay maayo nga mga rason nga gamiton ang duha niini nga mga elemento.
Ang INPUT Element
Ang tag mao ang labing sayon nga paagi sa pagsumite sa usa ka porma. Kini wala'y gikinahanglan gawas sa tag mismo, bisan usa ka bili. Kon ang usa ka kustomer mag-klik sa buton, kini awtomatikong ipadala. Dili nimo kinahanglan nga makadugang sa bisan unsang mga script, ang mga brower nahibal-an nga isumiter ang porma kon ang gisumite nga INPUT tag gipa-klik.
Ang problema mao nga kini nga buton maulaw kaayo ug yano. Dili ka makadugang sa mga larawan niini. Mahimo nimo kini estilo sama sa bisan unsa nga elemento, apan kini mahimo gihapon nga mobati nga sama sa usa ka ngil-ad nga butones.
Gamita ang INPUT nga pamaagi kung ang imong porma kinahanglan nga ma-accesible bisan diha sa mga browser nga adunay JavaScript nga gipalong.
Ang BUTTON Element
Ang elemento sa BUTTON nagtanyag og daghang mga kapilian alang sa pagsumite sa mga porma. Mahimo nimo ibutang ang bisan unsa sulod sa usa ka elemento sa BUTTON ug himoon kini nga usa ka butang nga isumite. Kasagaran ang mga tawo naggamit og mga hulagway ug teksto. Apan makahimo ka sa usa ka DIV ug paghimo nianang bug-os nga butang nga usa ka butang nga isumite kung buot nimo.
Ang pinakadako nga disbentaha sa elemento sa BUTTON mao nga dili kini awtomatiko nga isumiter ang porma. Kini nagpasabot nga adunay kinahanglan nga usa ka matang sa script aron ma-activate kini. Ug busa kini dili ma-abli kay sa pamaagi sa INPUT. Ang bisan kinsa nga tigdumala nga walay JavaScript nga nakabalik dili makahimo sa pagsumite sa usa ka porma nga adunay usa lamang ka elemento sa BUTTON nga isumiter kini.
Gamita ang BUTTON nga pamaagi sa mga porma nga dili ingon ka kritikal. Usab, kini usa ka maayong paagi sa pagdugang sa mga kapilian sa pagsumite sa usa ka porma.
Kini nga artikulo kabahin sa Tutorial sa Forms sa HTML . Basaha kini aron makat-on og dugang kon unsaon sa paggamit sa mga porma sa HTML