HTML-vorms is 'n baie kragtige instrument vir interaksie met gebruikers, maar om tegniese redes is dit nie altyd voor die hand liggend hoe om dit tot hul volle potensiaal te gebruik nie. Om bloot data in te dien is nie genoeg in hierdie geval nie – jy moet ook seker maak dat die data wat gebruikers in vorms invul in die korrekte formaat gestuur word wat nodig is om dit suksesvol te verwerk en dat dit nie bestaande toepassings sal breek nie. Dit is ook belangrik om gebruikers te help om vorms korrek in te vul en nie gefrustreerd te raak wanneer hulle toepassings probeer gebruik nie.
Die merker word gebruik om 'n HTML-vorm te skep. Dit skep nie eintlik 'n marge nie, maar word gebruik as 'n ouerhouer vir elemente soos. Of jy nou 'n eenvoudige intekenvorm wil maak met gereelde betaal en betaling, of interaktiewe webtoepassings, jy sal HTML-elementmerkers moet gebruik om te werk, waarvan die belangrikste. is.
Hoe standaardHTML-vorms
HTML-vorms is uitgevind en grootliks gestandaardiseer voor die koms van asynchrone JavaScript en komplekse webtoepassings. Vandag word vorminvoere, knoppies en ander interaksiemeganismes gebruik, maar die kern hiervan is 'n stelsel gebaseer op die HTTP-versoek- en reaksieparadigma.
Wanneer 'n gebruiker 'n bladsy laai, word 'n http-versoek gestuur (gewoonlik 'n sogenaamde GET-versoek). Dit word deur jou blaaier na die bediener gestuur, en gewoonlik reageer die bediener met die webblad waarna die gebruiker soek. Hierdie interaksie is een van die mees fundamentele konsepte van die internet. En dit verduidelik presies hoe HTML-vorms werk.
Die proses om inligting met die bediener uit te ruil
Elke, wat elemente soos, insluit, is binne geleë en het 'n naamkenmerk (naam), sowel as die waarde daarvan. Die waarde word op verskillende maniere gedefinieer. Vir teks sal dit die waarde wees wat deur die werfgebruiker in die veld ingevoer is. Vir 'n radioknoppie, die waarde van die geselekteerde opsie. Die gebruiker kan die waarde stel, maar kan meestal nie die naamkenmerk stel nie. Dit skep 'n stel naam/waarde-pare waar die waardes deur gebruikerinvoer bepaal word.
Die belangrikste verskil tussen 'n vorm en 'n gewone HTML-dokument is dat, in die meeste gevalle, die data wat deur 'n vorm ingesamel word na 'n webbediener gestuur word. In hierdie geval moet jy 'n webbediener opstel om data te ontvang en te verwerk. merk aksie kenmerkspesifiseer die ligging (URL) waarheen die versamelde data gestuur moet word.
Hoe lyk die bedienerrespons
Wanneer die vorm ingedien word, word naam-waarde-pare en alle velde binne die element by HTTP ingesluit. 'n Versoek word gerig aan die URL wat in die vorm van die aksie-kenmerk gespesifiseer is. Die versoektipe (GET of POST) sal in die metode-kenmerk wees. Dit beteken dat alle gebruiker-verskafde data na die bediener gestuur word sodra die vorm ingedien is, en die bediener kan doen wat hy wil met daardie data. Wanneer die bediener 'n vormvoorlegging ontvang, hanteer dit dit soos enige ander HTTP-versoek. Die bediener doen wat dit ook al met die ingeslote data moet doen en gee 'n antwoord terug na die blaaier.
As jy onthou dat die laai van die bladsy die antwoord is, sal jy agterkom dat dieselfde ding hier gebeur. In 'n tipiese vorm wat met die merker geskep is, is die reaksie 'n nuwe bladsy wat deur die blaaier gelaai word. Tipies vervang die nuwe bladsy die huidige inhoud, maar dit kan met die teikenkenmerk vervang word. Die oorgrote meerderheid aanlynvorms werk op hierdie manier, en daarom word die gebruiker na 'n Dankie-bladsy gestuur wanneer hulle 'n e-posintekeningvorm invul.
Webtoepassings en vorms sonder 'n merker
Moderne interaktiewe webtoepassings gebruik JavaScript-kode om asynchrone http-versoeke te maak. Dit is oproepe na die bediener wat nie 'n bladsy herlaai veroorsaak nie. Hulle maak nie staat op 'n merker nie - 'n HTML-element wat in die gedrag ingebou is. Hulle kombineer nie al die data in 'n enkele geheel nie.gebruiker en moenie dit dadelik stuur nie. Om hierdie rede gebruik baie HTML + JS-uitlegontwerpers in webtoepassings nie die merker op alle vorms nie. Meer dikwels gebruik hulle dit bloot as 'n soort houer vir verskillende soorte invoervelde en -elemente. In hierdie geval sal die metode en aksie-kenmerke wat gebruik word nie sigbaar wees nie.
Meer oor vorms
HTML-vorms is een van die hoogtepunte van 'n gebruiker se interaksie met 'n webwerf of toepassing. Hulle laat gebruikers toe om data na die webwerf in te dien. Meeste van die tyd word die data na die webbediener gestuur, maar die webblad kan dit ook onderskep om op sy eie te gebruik. Daar is baie vormverwante elemente - verskillende soorte knoppies, kiesers vir verskillende tipes, terugvoermeganismes. Daarom kan dit moeilik wees om te besluit watter waardes om aan die merker-kenmerke toe te ken. Wanneer dit kom by die skep van vorms, moet jy dit op verskillende skermgroottes laat werk. Dit is belangrik om dit toeganklik te maak vir mense met gestremdhede. Dit is hoekom vorms en kenmerkmerkers miskien die mees komplekse aspek van HTML is.
Waaruit die vorm bestaan
HTML-vorm bestaan uit een of meer legstukke. Dit kan enkellyn- of multi-reël teksvelde wees, kieskassies, knoppies of radioknoppies. Hulle word meestal geassosieer met 'n eienskap wat hul doel beskryf - behoorlik geïmplementeer kan duidelike opdrag gee aan beide siende en blinde gebruikers oor hoe om by die invoervorm uit te kom. Eienskapkorrek geassosieer met hul for- en id-kenmerke, onderskeidelik. Die for-etiket verwys dan na die id-kenmerk van die ooreenstemmende legstuk, en die skermleser, wat dit gebruik, sal uitlees wat daarin geskryf is.
Behalwe die strukture spesifiek vir die merker, is dit belangrik om te onthou dat vorms net HTML-kode is. Dit beteken dat jy die volle krag van HTML kan gebruik om jou vorms te struktureer. 'n Algemene praktyk is om die merker te gebruik om elemente wat gemerk is mettoe te draai
. HTML-lyste word ook wyd gebruik; veelvuldige merkblokkies of radioknoppies word vir strukturering gebruik. Nadat u die invoervelde geskep het, bly dit om 'n knoppie by te voeg deur die merker te gebruik en die resultaat na te gaan. Die buigsaamheid van HTML-vorms maak dit een van die mees komplekse strukture in die HTML-formaat. Maar met die regte struktuur wanneer jy 'n HTML-vorm bou, kan jy verseker dat dit beide bruikbaar en toeganklik is.
