Formos žyma: aprašymas, vertė, taikymas

Turinys:

Formos žyma: aprašymas, vertė, taikymas
Formos žyma: aprašymas, vertė, taikymas
Anonim

HTML formos yra labai galingas bendravimo su vartotojais įrankis, tačiau dėl techninių priežasčių ne visada aišku, kaip jas išnaudoti visapusiškai. Vien duomenų pateikimo šiuo atveju neužtenka – taip pat reikia pasirūpinti, kad duomenys, kuriuos vartotojai užpildo formose, būtų išsiųsti teisingu formatu, kurio reikia, kad jie būtų sėkmingai apdoroti ir kad tai nepažeis esamų programų. Taip pat svarbu padėti vartotojams teisingai užpildyti formas ir nenusivilti bandydami naudoti programas.

formos html žyma
formos html žyma

Žyma naudojama kuriant HTML formą. Jis iš tikrųjų nesukuria paraštės, bet yra naudojamas kaip pirminis konteineris elementams, pvz.,. Nesvarbu, ar norite sudaryti paprastą prenumeratos formą su įprastu apmokėjimu ir mokėjimu, ar interaktyvias žiniatinklio programas, kad veiktų, turėsite naudoti HTML elementų žymas, iš kurių svarbiausia yra.

Kaip standartasHTML formos

HTML formos buvo išrastos ir iš esmės standartizuotos prieš atsirandant asinchroniniam JavaScript ir sudėtingoms žiniatinklio programoms. Šiandien naudojami formų įvestis, mygtukai ir kiti sąveikos mechanizmai, tačiau jų esmė yra sistema, pagrįsta HTTP užklausų ir atsakymo paradigma.

veiksmo atributas
veiksmo atributas

Kai vartotojas įkelia puslapį, siunčiama http užklausa (dažniausiai vadinamoji GET užklausa). Jį jūsų naršyklė siunčia serveriui ir paprastai serveris atsako pateikdamas tinklalapį, kurio ieško vartotojas. Ši sąveika yra viena iš pagrindinių interneto sąvokų. Ir tai tiksliai paaiškina, kaip veikia HTML formos.

Informacijos keitimosi su serveriu procesas

Kiekvienas, apimantis tokius elementus kaip, yra viduje ir turi pavadinimo atributą (pavadinimą), taip pat jo reikšmę. Vertė apibrėžiama įvairiais būdais. Tekstui tai bus reikšmė, kurią į lauką įvedė svetainės naudotojas. Akutėje – pasirinktos parinkties reikšmė. Vartotojas gali nustatyti reikšmę, bet dažniausiai negali nustatyti pavadinimo atributo. Taip sukuriamas vardo/reikšmių porų rinkinys, kurio reikšmės nustatomos pagal vartotojo įvestą informaciją.

kokios reikšmės turėtų būti priskirtos formos žymos atributams
kokios reikšmės turėtų būti priskirtos formos žymos atributams

Pagrindinis skirtumas tarp formos ir įprasto HTML dokumento yra tas, kad daugeliu atvejų formos surinkti duomenys siunčiami į žiniatinklio serverį. Tokiu atveju turite nustatyti žiniatinklio serverį, kad gautumėte ir apdorotumėte duomenis. žymos veiksmo atributasnurodo vietą (URL), kur turi būti siunčiami surinkti duomenys.

Kaip atrodo serverio atsakymas

Kai forma pateikiama, pavadinimo ir reikšmės poros ir visi elemento laukai įtraukiami į HTTP. Užklausa pateikiama URL adresu, nurodytu atributo action formoje. Užklausos tipas (GET arba POST) bus nurodytas metodo atribute. Tai reiškia, kad visi vartotojo pateikti duomenys siunčiami į serverį iškart, kai tik pateikiama forma, o serveris gali su tais duomenimis daryti ką nori. Kai serveris gauna formos pateikimą, jis traktuoja jį kaip bet kurią kitą HTTP užklausą. Serveris daro viską, ko reikia su įtrauktais duomenimis ir pateikia atsakymą atgal į naršyklę.

formos žymos atributai
formos žymos atributai

Jei prisiminsite, kad puslapio įkėlimas yra atsakymas, pastebėsite, kad tas pats vyksta ir čia. Įprastoje formoje, sukurta naudojant žymą, atsakymas yra naujas naršyklės įkeltas puslapis. Paprastai naujas puslapis pakeičia esamą turinį, bet tai gali būti nepaisoma naudojant tikslinį atributą. Didžioji dauguma internetinių formų veikia taip, todėl vartotojas, užpildęs el. pašto prenumeratos formą, siunčiamas į padėkos puslapį.

Žiniatinklio programos ir formos be žymos

Šiuolaikinės interaktyvios žiniatinklio programos naudoja „JavaScript“kodą, kad pateiktų asinchronines http užklausas. Tai yra iškvietimai į serverį, dėl kurių puslapis neįkeliamas iš naujo. Jie nepasikliauja žyma – HTML elementu, įtaisytu elgsenoje. Jie nesujungia visų duomenų į vieną visumą.vartotoją ir nesiųskite jų iš karto. Dėl šios priežasties daugelis HTML + JS maketavimo kūrėjų žiniatinklio programose nenaudoja žymos visose formose. Dažniau jie tiesiog naudoja jį kaip tam tikrą konteinerį įvairių tipų įvesties laukams ir elementams. Tokiu atveju naudojami metodo ir veiksmo atributai nebus matomi.

Daugiau apie formas

HTML formos yra vienas iš svarbiausių naudotojo sąveikos su svetaine ar programa akcentų. Jie leidžia vartotojams pateikti duomenis svetainėje. Dažniausiai duomenys siunčiami į žiniatinklio serverį, tačiau tinklalapis taip pat gali juos perimti, kad galėtų naudoti pats. Yra daug su forma susijusių elementų – įvairių tipų mygtukai, skirtingų tipų parinkikliai, grįžtamojo ryšio mechanizmai. Todėl gali būti sunku nuspręsti, kokias reikšmes priskirti žymos atributams. Kai reikia kurti formas, turite priversti jas veikti skirtingų dydžių ekranuose. Svarbu, kad jie būtų prieinami žmonėms su negalia. Štai kodėl formos ir atributų žymos yra bene sudėtingiausias HTML aspektas.

formos žymos atributai
formos žymos atributai

Iš ko susideda forma

HTML formą sudaro vienas ar daugiau valdiklių. Tai gali būti vienos eilutės arba kelių eilučių teksto laukai, pasirinkimo laukeliai, mygtukai arba radijo mygtukai. Dažniausiai jie siejami su atributu, nusakončiu jų paskirtį – tinkamai įgyvendinus galima aiškiai nurodyti tiek regintiems, tiek akliesiems, kaip patekti į įvesties formą. Atributastinkamai susieti su jų atributais už ir id. Tada etiketė for nurodo atitinkamo valdiklio id atributą, o ekrano skaitytuvas, naudodamas jį, perskaitys, kas jame parašyta.

formos žyma
formos žyma

Be žymei būdingų struktūrų, svarbu atsiminti, kad formos yra tik HTML kodas. Tai reiškia, kad galite naudoti visas HTML galias formoms struktūrizuoti. Įprasta naudoti žymą elementams, pažymėtiems, apvynioti

. HTML sąrašai taip pat plačiai naudojami; struktūravimui naudojami keli žymės langeliai arba radijo mygtukai. Sukūrus įvesties laukus, belieka pridėti mygtuką naudojant žymą ir patikrinti rezultatą. Dėl HTML formų lankstumo jos yra viena iš sudėtingiausių HTML formato struktūrų. Tačiau naudodami tinkamą struktūrą kurdami HTML formą galite užtikrinti, kad ji būtų tinkama naudoti ir pasiekiama.

Rekomenduojamas: