Uża t-Tag tal-Input biex Issottometti Formoli
Il-formoli HTML huma wieħed mill-iktar modi bażiċi biex tiżdied l-interattività mal-websajt tiegħek. Tista 'tistaqsi mistoqsijiet u titlob tweġibiet mingħand il-qarrejja tiegħek, tipprovdi informazzjoni addizzjonali minn databases, tistabbilixxi logħob, u aktar. Hemm numru ta 'elementi HTML li tista' tuża biex tibni l-forom tiegħek. U ladarba tkun bniet il-formola tiegħek, hemm ħafna modi differenti biex tissottometti dik id-dejta lis-server jew sempliċement tibda l-azzjoni tal-formola li tkun għaddejja.
Dawn huma diversi modi kif tista 'tissottometti l-formoli tiegħek:
-
- Dan huwa l-metodu l-aktar komuni biex id-dejta tinġieb fis-server, iżda tista 'tkun sempliċi ħafna.
-
- L-użu ta 'stampa jagħmilha faċli ħafna li l-buttuna li tissottometti tiegħek tkun taqbel mal-istil tas-sit tiegħek. Imma xi nies jistgħu ma jirrikonoxxuha bħala buttuna li tissottometti.
-
- Il-buttuna INPUT tag tagħti ħafna mill-istess għażliet bħat-tikketta INPUT immaġini, imma tidher iżjed bħat-tip ta 'sottomessa standard. Jitlob JavaScript biex jattiva.
-
- It-tikketta BUTTON hija tip ta 'buttuna aktar versatili mit-tikketta INPUT. Din it-tikketta teħtieġ Javacript biex tattiva.
-
- L-element tal-KMAND huwa ġdid fl-HTML5, u jipprovdi mod kif jiġu attivati skripts u forom b'azzjonijiet assoċjati. Huwa attivat bil-JavaScript.
L-Element INPUT
L-element INPUT huwa l-aktar mod komuni biex tissottometti formola, kull ma tagħmel hu li tagħżel it-tip (buttuna, immaġni, jew tissottometti) u jekk meħtieġ iżżid xi kitba biex tissottometti lill-azzjoni tal-formola.
L-element jista 'jinkiteb bħal dak. Imma jekk tagħmel dan, ikollok riżultati differenti f'basters differenti. Bosta browsers jagħmlu buttuna li tgħid "Issottometti," iżda Firefox jagħmel buttuna li tgħid "Ibgħat Mistoqsija." Biex tibdel dak li tgħid il-buttuna, għandek iżżid attribut:
valur = "Issottometti l-Formola">
L-element huwa miktub bħal dak, imma jekk tħalli barra l-attributi l-oħra kollha, dak kollu li se juri fil-browsers huwa buttuna griża vojta. Biex iżżid it-test mal-buttuna, uża l-attribut tal-valur. Imma din il-buttuna ma tibgħatx il-formola sakemm ma tużax JavaScript.
onclick = "tissottometti ();">
Dan huwa simili għat-tip ta 'buttuna, li jeħtieġ kitba biex tissottometti l-formola. Ħlief li minflok il-valur tat-test, għandek iżżid URL sors ta 'immaġini.
src = "submit.gif">
L-Element BUTTON
L-element BUTTON jeħtieġ kemm tabella tal-ftuħ u tikketta tal-għeluq. Meta tużah, kwalunkwe kontenut li twaħħal ġewwa t-tikketta jkun magħluq f'għamla. Imbagħad int attivat il-buttuna b'kitba.
Ibgħat il-Formola
Tista 'tinkludi stampi fil-buttuna tiegħek jew inkella tikkombina stampi u test biex toħloq buttuna aktar interessanti.
Ibgħat il-Formola
L-Element tal-KMAND
L-element tal-KMAND huwa ġdid ma HTML5. Ma teħtieġx li FORMOLA tintuża, iżda tista 'taġixxi bħala buttuna biex tissottometti formola. Dan l-element jippermettilek li toħloq paġni aktar interattivi mingħajr ma teħtieġ il-formoli sakemm ma jkollok bżonn ta 'formoli. Jekk trid il-kmand biex tgħid xi ħaġa, tikteb l-informazzjoni f'attribut tat-tikketta.
tikketta = "Issottometti l-Formola">
Jekk trid li l-kmand tiegħek jiġi rrappreżentat b'immaġini, tuża l-attribut tal-ikona.
icon = "submit.gif">
Dan l-artikolu huwa parti mill- HTML Forms Tutorial. Aqra permezz tat-tutorja sħiħa biex titgħallem kif tuża formoli HTML.
Il-formoli HTML għandhom bosta modi differenti biex jissottomettu, kif int tgħallimt fil-paġna ta 'qabel. Tnejn minn dawk il-metodi huma t-tikketta INPUT u t-tikketta BUTTON. Hemm raġunijiet tajba għall-użu taż-żewġ elementi.
L-Element INPUT
It-tikketta hija l-eħfef mod biex tissottometti formola. Ma teħtieġ xejn lil hinn mit-tikketta nnifisha, lanqas valur. Meta klijent jikklikkja fuq il-buttuna, jissottometti awtomatikament. M'għandekx bżonn li żżid xi skripts, il-browsers jafu li jissottomettu l-formola meta tissottometti link għall-INPUT.
Il-problema hija li din il-buttuna hija ikrah ħafna u ċara. Ma tistax iżżid immaġini magħha. Tista 'stil hija bħad kull element ieħor, iżda xorta jista' jħossu bħal buttuna ikrah.
Uża l-metodu INPUT meta l-formola tiegħek trid tkun aċċessibbli anki fil-browsers li għandhom JavaScript mitfi.
L-Element BUTTON
L-element BUTTON joffri aktar għażliet għall-preżentazzjoni ta 'formoli. Tista 'tpoġġi xi ħaġa ġewwa element BUTTON u dawwarha f'sottamunt button. Ħafna drabi n-nies jużaw stampi u test. Imma int tista 'toħloq DIV u tagħmel dik il-ħaġa sħiħa tissottometti buttuna jekk riedu.
L-akbar żvantaġġ għall-element BUTTON huwa li ma jissottomettix awtomatikament il-formola. Dan ifisser li jeħtieġ li jkun hemm xi tip ta 'kitba biex tiġi attivata. U għalhekk huwa inqas aċċessibbli mill-metodu INPUT. Kull utent li ma jkollux JavaScript mixgħul mhux se jkun jista 'jissottometti formola b'element BUTTON biss biex jissottomettih.
Uża l-metodu BUTTON fuq formoli li mhumiex daqshekk kritiċi. Ukoll, dan huwa mod tajjeb ħafna biex iżżid għażliet ta 'sottomissjoni addizzjonali fi ħdan forma waħda.
Dan l-artikolu huwa parti mill- HTML Forms Tutorial . Aqrah biex titgħallem aktar dwar kif tuża formoli HTML