Kufanya vifungo vya HTML kwenye Fomu

Kutumia Lebo ya Kuingiza Ili Kuwasilisha Fomu

Fomu za HTML ni mojawapo ya njia za msingi za kuongeza ushirikiano kwenye tovuti yako. Unaweza kuuliza maswali na kuomba majibu kutoka kwa wasomaji wako, kutoa maelezo ya ziada kutoka kwenye orodha, kuweka michezo, na zaidi. Kuna idadi ya vipengele vya HTML ambavyo unaweza kutumia kujenga fomu zako. Na mara moja umejenga fomu yako, kuna njia nyingi za kuwasilisha data hiyo kwenye seva au kuanza tu hatua ya fomu inayoendesha.

Haya ni njia kadhaa unaweza kuwasilisha fomu zako:

Element INPUT

Kipengele cha INPUT ni njia ya kawaida ya kuwasilisha fomu, yote unayofanya ni kuchagua aina (kifungo, picha, au kuwasilisha) na ikiwa ni lazima kuongeza scripting kuwasilisha kwa hatua ya fomu.

Kipengele cha kinaweza kuandikwa kama vile. Lakini ikiwa unafanya, utakuwa na matokeo tofauti katika vivinjari tofauti. Vivinjari vingi hufanya kifungo kinachosema "Wasilisha," lakini Firefox inafanya kifungo kinachosema "Wasilisha Swala." Ili kubadili kile kifungo kinachosema, unapaswa kuongeza sifa:

thamani = "Fomu ya Wasilisha">

Kipengele kinachoandikwa kama hicho, lakini ikiwa ukiacha sifa zingine zote, yote ambayo yataonyeshwa kwenye vivinjari ni kifungo kijivu cha kijivu. Ili kuongeza maandishi kwenye kifungo, tumia thamani ya thamani. Lakini kifungo hiki hakiwezi kuwasilisha fomu isipokuwa unatumia JavaScript.

onclick = "kuwasilisha ();">

Yafanana na aina ya kifungo, ambayo inahitaji script kuwasilisha fomu. Isipokuwa kwamba badala ya thamani ya maandishi, unahitaji kuongeza URL ya chanzo cha picha.

src = "submit.gif">

BUTTON Element

Kipengee cha BUTTON kinahitaji kitambulisho cha ufunguzi wakati unapoitumia, maudhui yoyote unayojumuisha ndani ya lebo itafungwa katika kifungo. Kisha uamsha kifungo na script.

Tuma Fomu

Unaweza kuingiza picha kwenye kifungo chako au kuunganisha picha na maandishi ili kuunda kifungo cha kuvutia zaidi.

Tuma Fomu

KUTUMIA KUTUMA

Kipengele cha COMMAND kipya na HTML5. Haihitaji Fomu kutumiwa, lakini inaweza kutenda kama kifungo cha kuwasilisha kwa fomu. Kipengele hiki kinakuwezesha kuunda kurasa zinazoingiliana zaidi bila kuhitaji aina isipokuwa unahitaji fomu. Ikiwa unataka amri ya kusema kitu, unandika habari katika sifa ya lebo.

lebo = "Fomu Fomu ya Kuwasilisha">

Ikiwa unataka amri yako iwakilishwe na picha, unatumia alama ya ishara.

icon = "submit.gif">

Makala hii ni sehemu ya mafunzo ya fomu ya HTML. Soma kupitia mafunzo kamili ili ujifunze jinsi ya kutumia fomu za HTML.

Fomu za HTML zina njia mbalimbali za kuwasilisha, kama umejifunza kwenye ukurasa uliopita. Njia mbili kati ya hizo ni tag ya INPUT na lebo ya BUTTON. Kuna sababu nzuri za kutumia mambo haya yote.

Element INPUT

Lebo ni njia rahisi ya kuwasilisha fomu. Inahitaji kitu chochote zaidi ya tag yenyewe, hata hata thamani. Wakati mteja anabofya kwenye kifungo, huwasilisha moja kwa moja. Huna haja ya kuongeza maandiko yoyote, vivinjari wanajua kuwasilisha fomu wakati wawasilisha lebo ya INPUT inafungwa.

Tatizo ni kwamba kifungo hiki ni mbaya sana na wazi. Huwezi kuongeza picha kwa hiyo. Unaweza kuiweka kama kipengele kingine chochote, lakini bado inaweza kujisikia kama kifungo kibaya.

Tumia njia ya INPUT wakati fomu yako inapaswa kufikia hata kwenye vivinjari ambavyo Javascript imezimwa.

BUTTON Element

Kipengele cha BUTTON hutoa chaguo zaidi kwa kufungua fomu. Unaweza kuweka chochote ndani ya kipengele cha BUTTON na kugeuka kwenye kifungo cha kuwasilisha. Watu wengi hutumia picha na maandishi. Lakini unaweza kuunda DIV na kufanya jambo lolote kifungo cha kuwasilisha ikiwa unataka.

Vikwazo kubwa zaidi ya kipengele cha BUTTON ni kwamba haujasilisha fomu moja kwa moja. Hii ina maana kuna haja ya kuwa na aina fulani ya script ili kuiamsha. Na hivyo haiwezekani kupatikana kuliko njia ya INPUT. Mtumiaji yeyote asiye na Javascript amegeuka hawezi kuwasilisha fomu yenye kipengele cha BUTTON tu cha kuwasilisha.

Tumia njia ya BUTTON kwenye fomu zisizo muhimu. Pia, hii ni njia nzuri ya kuongeza chaguo za ziada za kuwasilisha katika fomu moja.

Makala hii ni sehemu ya mafunzo ya fomu ya HTML . Soma ili ujifunze zaidi kuhusu jinsi ya kutumia fomu za HTML