Ang HTML forms ay isang napakalakas na tool para sa pakikipag-ugnayan sa mga user, ngunit para sa mga teknikal na dahilan hindi palaging halata kung paano gamitin ang mga ito sa kanilang buong potensyal. Ang simpleng pagsusumite ng data ay hindi sapat sa kasong ito - kailangan mo ring tiyakin na ang data na pinupunan ng mga user sa mga form ay ipapadala sa tamang format na kinakailangan para matagumpay itong maproseso at hindi nito masisira ang mga umiiral nang application. Mahalaga rin na tulungan ang mga user na sagutan nang tama ang mga form at hindi mabigo kapag sinusubukang gumamit ng mga application.
Ginagamit ang tag para gumawa ng HTML form. Hindi ito aktwal na gumagawa ng margin, ngunit ginagamit bilang isang lalagyan ng magulang para sa mga elemento tulad ng. Gusto mo mang gumawa ng simpleng form ng subscription gamit ang regular na pag-checkout at pagbabayad, o mga interactive na web application, kakailanganin mong gumamit ng mga tag ng HTML element upang gumana, ang pinakamahalaga sa mga ito ay.
Paanong pamantayanMga HTML Form
Ang HTML form ay naimbento at higit na na-standardize bago ang pagdating ng asynchronous na JavaScript at kumplikadong mga web application. Sa ngayon, ginagamit na ang mga form input, button, at iba pang mekanismo ng pakikipag-ugnayan, ngunit sa kaibuturan nito ay isang sistemang batay sa paradigm ng kahilingan sa HTTP at pagtugon.
Kapag ang isang gumagamit ay nag-load ng isang pahina, isang kahilingan sa http ay ipinapadala (karaniwan ay isang tinatawag na kahilingan sa GET). Ito ay ipinadala ng iyong browser sa server, at kadalasan ang server ay tumutugon sa web page na hinahanap ng user. Ang pakikipag-ugnayan na ito ay isa sa mga pinakapangunahing konsepto ng Internet. At iyon ay eksaktong nagpapaliwanag kung paano gumagana ang mga HTML form.
Ang proseso ng pakikipagpalitan ng impormasyon sa server
Ang bawat isa, na kinabibilangan ng mga elemento tulad ng, ay matatagpuan sa loob at may katangian ng pangalan (pangalan), pati na rin ang halaga nito. Ang halaga ay tinukoy sa iba't ibang paraan. Para sa text, ito ang magiging value na ipinasok ng user ng site sa field. Para sa isang radio button, ang halaga ng napiling opsyon. Maaaring itakda ng user ang halaga, ngunit kadalasan ay hindi maitakda ang katangian ng pangalan. Lumilikha ito ng isang hanay ng mga pares ng pangalan/halaga kung saan ang mga halaga ay tinutukoy ng input ng user.
Ang pangunahing pagkakaiba sa pagitan ng isang form at isang regular na HTML na dokumento ay, sa karamihan ng mga kaso, ang data na nakolekta ng isang form ay ipinapadala sa isang web server. Sa kasong ito, kailangan mong mag-set up ng isang web server upang tumanggap at magproseso ng data. katangian ng pagkilos ng tagtumutukoy sa lokasyon (URL) kung saan dapat ipadala ang nakolektang data.
Ano ang hitsura ng tugon ng server
Kapag naisumite ang form, ang mga pares ng name-value at lahat ng field sa loob ng elemento ay kasama sa HTTP. Ang isang kahilingan ay ginawa sa URL na tinukoy sa anyo ng katangian ng pagkilos. Ang uri ng kahilingan (GET o POST) ay nasa attribute ng method. Nangangahulugan ito na ang lahat ng data na ibinigay ng user ay ipinapadala sa server sa sandaling maisumite ang form, at magagawa ng server ang anumang nais nito sa data na iyon. Kapag nakatanggap ang server ng pagsusumite ng form, tinatrato ito tulad ng anumang kahilingan sa HTTP. Ginagawa ng server ang anumang kailangan nitong gawin sa kasamang data at nagbibigay ng tugon pabalik sa browser.
Kung naaalala mo na ang paglo-load ng page ang sagot, mapapansin mo na ang parehong bagay ay nangyayari dito. Sa karaniwang form na ginawa gamit ang tag, ang tugon ay isang bagong page na ni-load ng browser. Karaniwan, pinapalitan ng bagong page ang kasalukuyang nilalaman, ngunit maaari itong ma-override ng katangian ng target. Ang karamihan sa mga online na form ay gumagana sa ganitong paraan, kaya naman naipapadala ang user sa isang Thank You page kapag pinunan nila ang isang email subscription form.
Web app at form na walang tag
Ang mga modernong interactive na web application ay gumagamit ng JavaScript code upang gumawa ng mga asynchronous na kahilingan sa http. Ito ay mga tawag sa server na hindi nagiging sanhi ng pag-reload ng pahina. Hindi sila umaasa sa isang tag - isang elemento ng HTML na nakapaloob sa gawi. Hindi nila pinagsasama ang lahat ng data sa isang solong kabuuan.user at huwag ipadala ang mga ito kaagad. Para sa kadahilanang ito, maraming taga-disenyo ng layout ng HTML + JS sa mga web application ang hindi gumagamit ng tag sa lahat ng mga form. Mas madalas, ginagamit lang nila ito bilang isang uri ng lalagyan para sa iba't ibang uri ng input field at elemento. Sa kasong ito, hindi makikita ang paraan at mga katangian ng pagkilos na ginamit.
Higit pa tungkol sa mga form
Ang HTML form ay isa sa mga highlight ng pakikipag-ugnayan ng user sa isang website o application. Pinapayagan nila ang mga user na magsumite ng data sa site. Kadalasan, ang data ay ipinapadala sa web server, ngunit ang web page ay maaari ding humarang nito upang magamit nang mag-isa. Mayroong maraming mga elemento na nauugnay sa form - iba't ibang uri ng mga pindutan, mga tagapili para sa iba't ibang uri, mga mekanismo ng feedback. Samakatuwid, maaaring mahirap magpasya kung anong mga halaga ang itatalaga sa mga katangian ng tag. Pagdating sa paggawa ng mga form, kailangan mong gawin ang mga ito sa iba't ibang laki ng screen. Mahalagang gawing accessible ang mga ito sa mga taong may kapansanan. Ito ang dahilan kung bakit ang mga form at attribute tag ay marahil ang pinaka-kumplikadong aspeto ng HTML.
Ano ang binubuo ng hugis
Ang HTML form ay binubuo ng isa o higit pang mga widget. Maaari silang maging single-line o multi-line na mga text field, mga piling kahon, button, o radio button. Ang mga ito ay kadalasang nauugnay sa isang katangian na naglalarawan sa kanilang layunin - ang wastong pagpapatupad ay maaaring malinaw na magtuturo sa mga user na nakakakita at bulag kung paano makarating sa input form. Katangianwastong nauugnay sa kanilang para sa at id na mga katangian, ayon sa pagkakabanggit. Ang for label pagkatapos ay tumutukoy sa id attribute ng kaukulang widget, at ang screen reader, gamit ito, ay magbabasa kung ano ang nakasulat dito.
Bukod sa mga istrukturang partikular sa tag, mahalagang tandaan na ang mga form ay HTML code lang. Nangangahulugan ito na maaari mong gamitin ang buong kapangyarihan ng HTML upang buuin ang iyong mga form. Ang isang karaniwang kasanayan ay ang paggamit ng tag upang i-wrap ang mga elemento na may tag na
. Ang mga listahan ng HTML ay malawak ding ginagamit; maramihang mga checkbox o radio button ang ginagamit para sa pagbubuo. Pagkatapos gawin ang mga input field, nananatili itong magdagdag ng button gamit ang tag at suriin ang resulta. Ang kakayahang umangkop ng mga HTML form ay ginagawa silang isa sa mga pinaka kumplikadong istruktura sa HTML na format. Ngunit sa tamang istraktura kapag gumagawa ng HTML form, masisiguro mong pareho itong magagamit at naa-access.
