Gamit ang Input Tag upang Magsumite ng Mga Form
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 ng INPUT na tag ay nagbibigay ng maraming mga kaparehong mga pagpipilian tulad ng tag ng INPUT na imahe, ngunit mas mukhang karaniwang uri ng pagsumite. Nangangailangan ito ng JavaScript upang maisaaktibo.
-
- Ang elemento ng COMMAND ay bago sa HTML5, at nagbibigay ito ng paraan upang maisaaktibo ang mga script at mga form na may nauugnay na mga aksyon. Naka-activate ito sa JavaScript.
Ang INPUT Element
Ang INPUT elemento ay ang pinaka-karaniwang paraan upang magsumite ng isang form, ang lahat ng gagawin mo ay pumili ng isang uri (pindutan, larawan, o isumite) at kung kinakailangan magdagdag ng ilang scripting upang isumite sa pagkilos ng form.
Ang elemento ay maaaring nakasulat 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 tulad nito, ngunit kung iniiwan 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 katangian na halaga. Ngunit ang pindutang ito ay hindi magsusumite ng form maliban kung gumagamit ka ng JavaScript.
onclick = "submit ();">
Ang ay katulad ng uri ng pindutan, 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 elementong BUTTON ay nangangailangan ng parehong tag ng pambungad at tag ng pagsasara Kapag ginamit mo ito, ang anumang nilalaman na iyong ilakip 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 elemento ng COMMAND ay bago sa HTML5. Hindi ito nangangailangan ng FORM na gagamitin, 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 katangian ng label.
label = "Isumite ang Form">
Kung nais mo ang iyong command na katawanin ng isang imahe, gagamitin mo ang icon na katangian.
icon = "submit.gif">
Ang artikulong ito ay bahagi ng Tutorial sa Mga Form sa HTML. Basahin ang buong tutorial upang matutunan kung paano gamitin ang mga form ng HTML.
Ang mga form sa HTML ay may ilang iba't ibang paraan upang isumite, tulad ng iyong natutunan sa nakaraang pahina. Ang dalawa sa mga pamamaraan ay ang INPUT tag at ang BUTTON tag. 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 na isang halaga. Kapag 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 ang INPUT na tag ay na-click.
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 INPUT na paraan kapag ang iyong form ay dapat maging accesible kahit na sa mga browser na naka-JavaScript ang naka-off.
Ang BUTTON Element
Ang elementong BUTTON ay nag-aalok ng higit pang mga opsyon para sa pagsusumite ng mga form. Maaari mong ilagay ang anumang bagay sa loob ng elemento ng BUTTON 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 DIV at gawin ang buong bagay na isang pindutang isumite kung gusto mo.
Ang pinakamalaking sagabal sa sangkap ng BUTTON ay hindi ito 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 INPUT na paraan. Ang sinumang gumagamit na hindi naka-JavaScript ay hindi makakapagsumite ng isang form na may lamang ng isang elemento ng BUTTON upang isumite ito.
Gamitin ang paraan ng BUTTON sa mga form na hindi kasing kritikal. Gayundin, ito ay isang mahusay na paraan upang magdagdag ng karagdagang mga pagpipilian sa pagsumite sa loob ng isang form.
Ang artikulong ito ay bahagi ng Tutorial sa Mga Form sa HTML . Basahin ito upang matuto nang higit pa tungkol sa kung paano gamitin ang mga form ng HTML