Formularele HTML sunt un instrument foarte puternic pentru interacțiunea cu utilizatorii, dar din motive tehnice nu este întotdeauna evident cum să le folosiți la întregul potențial. Pur și simplu trimiterea datelor nu este suficientă în acest caz - trebuie de asemenea să vă asigurați că datele pe care utilizatorii le completează în formulare vor fi trimise în formatul corect necesar pentru ca acestea să fie procesate cu succes și că acest lucru nu va distruge aplicațiile existente. De asemenea, este important să îi ajutați pe utilizatori să completeze corect formularele și să nu fie frustrați când încearcă să folosească aplicații.
Eticheta este folosită pentru a crea un formular HTML. De fapt, nu creează o marjă, ci este folosit ca container părinte pentru elemente precum. Indiferent dacă doriți să faceți un simplu formular de abonare cu plată și plată obișnuită, sau aplicații web interactive, va trebui să utilizați etichete de elemente HTML pentru a funcționa, dintre care cea mai importantă este.
Cât de standardFormulare HTML
Formele HTML au fost inventate și standardizate în mare parte înainte de apariția JavaScript asincron și a aplicațiilor web complexe. Astăzi, sunt folosite intrări de formulare, butoane și alte mecanisme de interacțiune, dar la baza acestuia se află un sistem bazat pe paradigma de solicitare și răspuns
Când un utilizator încarcă o pagină, este trimisă o solicitare http (de obicei, așa-numita solicitare GET). Este trimis de browser-ul dvs. către server și, de obicei, serverul răspunde cu pagina web pe care o caută utilizatorul. Această interacțiune este unul dintre cele mai fundamentale concepte ale internetului. Și asta explică exact cum funcționează formularele HTML.
Procesul de schimb de informații cu serverul
Fiecare, care include elemente precum, se află în interior și are un atribut de nume (nume), precum și valoarea acestuia. Valoarea este definită în moduri diferite. Pentru text, aceasta va fi valoarea care a fost introdusă în câmp de către utilizatorul site-ului. Pentru un buton radio, valoarea opțiunii selectate. Utilizatorul poate seta valoarea, dar cel mai adesea nu poate seta atributul nume. Acest lucru creează un set de perechi nume/valoare în care valorile sunt determinate de intrarea utilizatorului.
Principala diferență dintre un formular și un document HTML obișnuit este că, în majoritatea cazurilor, datele colectate de un formular sunt trimise către un server web. În acest caz, trebuie să configurați un server web pentru a primi și procesa date. atributul de acțiune a eticheteispecifică locația (URL-ul) unde trebuie trimise datele colectate.
Cum arată răspunsul serverului
Când formularul este trimis, perechile nume-valoare și toate câmpurile din element sunt incluse în HTTP. Se face o solicitare către adresa URL specificată sub forma atributului de acțiune. Tipul de cerere (GET sau POST) va fi în atributul method. Aceasta înseamnă că toate datele furnizate de utilizator sunt trimise către server de îndată ce formularul este trimis, iar serverul poate face tot ce dorește cu acele date. Când serverul primește o trimitere a unui formular, acesta îl tratează ca orice altă solicitare HTTP. Serverul face tot ce trebuie să facă cu datele incluse și trimite un răspuns înapoi browserului.
Dacă vă amintiți că încărcarea paginii este răspunsul, veți observa că același lucru se întâmplă aici. Într-o formă tipică creată cu eticheta, răspunsul este o pagină nouă încărcată de browser. De obicei, noua pagină înlocuiește conținutul curent, dar acesta poate fi înlocuit cu atributul target. Marea majoritate a formularelor online funcționează astfel, motiv pentru care utilizatorul este trimis la o pagină de mulțumire atunci când completează un formular de abonare prin e-mail.
aplicații web și formulare fără etichetă
Aplicațiile web interactive moderne folosesc cod JavaScript pentru a face solicitări http asincrone. Acestea sunt apeluri către server care nu provoacă o reîncărcare a paginii. Ei nu se bazează pe o etichetă - un element HTML încorporat în comportament. Ele nu combină toate datele într-un singur întreg.utilizator și nu le trimiteți imediat. Din acest motiv, mulți designeri de layout HTML + JS în aplicațiile web nu folosesc eticheta pe toate formularele. Mai des, pur și simplu îl folosesc ca un fel de container pentru diferite tipuri de câmpuri și elemente de intrare. În acest caz, metoda și atributele de acțiune utilizate nu vor fi vizibile.
Mai multe despre formulare
Formularele HTML sunt unul dintre punctele importante ale interacțiunii unui utilizator cu un site web sau cu o aplicație. Acestea permit utilizatorilor să trimită date către site. De cele mai multe ori, datele sunt trimise către serverul web, dar pagina web le poate intercepta și pentru a le utiliza pe cont propriu. Există multe elemente legate de formă - diferite tipuri de butoane, selectoare pentru diferite tipuri, mecanisme de feedback. Prin urmare, poate fi dificil să decideți ce valori să atribuiți atributelor etichetei. Când vine vorba de crearea formularelor, trebuie să le faceți să funcționeze pe diferite dimensiuni de ecran. Este important să le facem accesibile persoanelor cu dizabilități. Acesta este motivul pentru care formularele și etichetele de atribut sunt poate cel mai complex aspect al HTML.
În ce constă forma
Formularul HTML constă dintr-unul sau mai multe widget-uri. Acestea pot fi câmpuri text cu o singură linie sau mai multe rânduri, casete de selectare, butoane sau butoane radio. Ele sunt cel mai adesea asociate cu un atribut care le descrie scopul - implementate în mod corespunzător pot instrui în mod clar atât utilizatorii văzători, cât și utilizatorii nevăzători despre cum să ajungă la formularul de intrare. Atributasociate corect cu atributele lor for și, respectiv, id. Eticheta for se referă apoi la atributul id al widget-ului corespunzător, iar cititorul de ecran, folosindu-l, va citi ceea ce este scris în el.
Pe lângă structurile specifice etichetei, este important să rețineți că formularele sunt doar cod HTML. Aceasta înseamnă că puteți folosi toată puterea HTML pentru a vă structura formularele. O practică obișnuită este să folosiți eticheta pentru a încheia elementele etichetate cu
. Listele HTML sunt, de asemenea, utilizate pe scară largă; mai multe casete de selectare sau butoane radio sunt folosite pentru structurare. După crearea câmpurilor de introducere, rămâne să adăugați un buton folosind eticheta și să verificați rezultatul. Flexibilitatea formularelor HTML le face una dintre cele mai complexe structuri din formatul HTML. Dar, cu structura potrivită atunci când construiți un formular HTML, vă puteți asigura că este atât utilizabil, cât și accesibil.
