Paglikha ng Isumite ang Mga Pindutan sa Mga Form ng HTML

Ang mga form sa HTML ay isa sa mga pangunahing paraan upang magdagdag ng interactivity sa iyong website. Maaari kang magtanong at manghingi ng mga sagot mula sa iyong mga mambabasa, magbigay ng karagdagang impormasyon mula sa mga database, pag-set up ng mga laro, at iba pa. Mayroong isang bilang ng mga elemento ng HTML na maaari mong gamitin upang bumuo ng iyong mga form. At sa sandaling naitayo mo na ang iyong form, maraming iba't ibang mga paraan upang isumite ang data na iyon sa server o simulan lamang ang pagkilos ng form na tumatakbo.

Ang mga ito ay maraming paraan na maaari mong isumite ang iyong mga form:

• • Ito ang pinaka-karaniwang paraan ng pagkuha ng data sa server, ngunit maaaring ito ay napaka-plain na naghahanap.
• • Ang paggamit ng isang imahe ay ginagawang napakadaling upang gawin ang pindutan ng iyong isumite na magkasya sa estilo ng iyong site. Subalit ang ilang mga tao ay maaaring hindi makilala ito bilang pindutang isumite.
• • Ang pindutan

    INPUT Nagbibigay ang tag ng maraming mga kaparehong pagpipilian tulad ng imahe

    INPUT tag, ngunit mas mukhang karaniwang uri ng pagsumite. Nangangailangan ito ng JavaScript upang maisaaktibo.
• • Ang

    BUTTON Ang tag ay isang mas maraming nalalaman uri ng pindutan kaysa sa

    INPUT tag. Kinakailangan ng tag na ito ang Javacript upang maisaaktibo.

• • Ang

    COMMAND Ang elemento ay bago sa HTML5, at nagbibigay ito ng paraan upang maisaaktibo ang mga script at mga form na may nauugnay na mga pagkilos. Naka-activate ito sa JavaScript.

Ang INPUT Element

Ang input

INPUT elemento ay ang pinaka-karaniwang paraan upang magsumite ng isang form, ang lahat ng gagawin mo ay pumili ng isang uri (

na pindutan,

larawan, o

ipasa) at kung kinakailangan magdagdag ng ilang scripting upang isumite sa pagkilos ng form.

Ang maaaring nakasulat ang sangkap tulad nito. Ngunit kung gagawin mo, magkakaroon ka ng iba't ibang mga resulta sa iba't ibang mga browser. Ang karamihan sa mga browser ay gumagawa ng isang pindutan na nagsasabing "Magsumite," ngunit ang Firefox ay gumagawa ng isang pindutan na nagsasabing "Magsumite ng Query." Upang baguhin kung ano ang sinasabi ng button, dapat kang magdagdag ng isang katangian:

value = "Submit Form">

Ang elemento ay nakasulat na tulad nito, ngunit kung iniwan mo ang lahat ng iba pang mga katangian, ang lahat na ipapakita sa mga browser ay isang walang laman na butones. Upang magdagdag ng teksto sa pindutan, gamitin ang

halagakatangian. Ngunit ang pindutang ito ay hindi magsusumite ng form maliban kung gumagamit ka ng JavaScript.

onclick = "submit ();">

Ang ay katulad ng

na pindutanuri, na nangangailangan ng script upang isumite ang form. Maliban sa halip na isang halaga ng teksto, kailangan mong magdagdag ng URL ng source ng larawan.

src = "submit.gif">

Ang Button Element

Ang

BUTTONAng elemento ay nangangailangan ng parehong pambungad na tag at tag ng pagsasara. Kapag ginamit mo ito, ang anumang nilalaman na nakapaloob sa loob ng tag ay nakapaloob sa isang pindutan. Pagkatapos ay i-activate mo ang pindutan na may script.

Isumite ang Form

Maaari mong isama ang mga imahe sa iyong pindutan o pagsamahin ang mga imahe at teksto upang lumikha ng isang mas kawili-wiling button.

Isumite ang Form

Ang Command Element

Ang

COMMANDAng elemento ay bago sa HTML5. Hindi ito nangangailangan ng isang

FORM upang gamitin, ngunit maaari itong kumilos bilang pindutang isumite para sa isang form. Pinapayagan ka ng sangkap na ito na lumikha ng mas maraming interactive na mga pahina nang hindi nangangailangan ng mga form maliban kung kailangan mo ng mga form. Kung nais mo ang utos na magsabi ng isang bagay, isulat mo ang impormasyon sa isang

labelkatangian.

label = "Isumite ang Form">

Kung nais mong ang iyong command ay kinakatawan ng isang imahe, gagamitin mo ang

iconkatangian.

icon = "submit.gif">

Ang mga form sa HTML ay may ilang iba't ibang paraan upang isumite, tulad ng iyong natutunan sa nakaraang pahina. Dalawa sa mga pamamaraan na iyon ang

INPUTtag at ang

BUTTONtag. May mga magandang dahilan upang gamitin ang parehong mga sangkap na ito.

Ang Input Element

Ang tag ay ang pinakamadaling paraan upang magsumite ng isang form. Ito ay nangangailangan ng walang higit sa tag mismo, hindi kahit isang

halagaKapag ang isang customer ay nag-click sa pindutan, awtomatikong nagsusumite nito. Hindi mo kailangang magdagdag ng anumang mga script, alam ng mga browser na isumite ang form kapag ang isang isumite

INPUTna-click ang tag.

Ang problema ay na ang buton na ito ay napaka pangit at plain. Hindi ka maaaring magdagdag ng mga larawan dito. Maaari mong estilo ito tulad ng anumang iba pang mga elemento, ngunit maaari pa rin ito pakiramdam tulad ng isang pangit na button.

Gamitin ang

INPUTparaan kapag ang iyong form ay dapat na mapupuntahan kahit sa mga browser na may JavaScript na naka-off.

Ang BUTTON Element

Ang

BUTTONNag-aalok ang elemento ng higit pang mga pagpipilian para sa pagsusumite ng mga form. Maaari kang maglagay ng anumang bagay sa loob ng isang

BUTTONsangkap at i-on ito sa isang pindutan ng isumite. Ang mga karaniwang tao ay gumagamit ng mga imahe at teksto. Ngunit maaari kang lumikha ng isang

DIV at gawin ang buong bagay na isang pindutang isumite kung gusto mo.

Ang pinakamalaking sagabal sa

BUTTONsangkap ay hindi awtomatikong isusumite ang form. Nangangahulugan ito na kailangang may ilang uri ng script upang maisaaktibo ito. At sa gayon ito ay mas madaling ma-access kaysa sa

INPUTparaan. Ang sinumang gumagamit na hindi naka-JavaScript ay hindi makakapagsumite ng isang form na may lamang a

BUTTONelemento upang isumite ito.

Gamitin ang

BUTTONparaan sa mga porma na hindi kasing kritikal. Gayundin, ito ay isang mahusay na paraan upang magdagdag ng karagdagang mga pagpipilian sa pagsumite sa loob ng isang form.