Ilustrată auto-tutorial în crearea site-urilor> pagini web care reacționează la acțiuni

Introducerea utilizatorilor în formulare HTML

Una dintre principalele diferențe dintre noua versiune HTML (4.0) și cea anterioară este că pagina web poate urmări acțiunile utilizatorilor și reacționa la ele, schimbând aspectul. În acest capitol vom examina câteva exemple de astfel de reacții. Cu toate acestea, mai întâi să ne uităm la modul clasic de a interacționa cu utilizatorul, care a apărut în versiunile anterioare ale limbii.







Această metodă constă în construirea așa-numitelor forme. Aceasta constă în faptul că este afișată pagina Web, de exemplu, mai multe câmpuri de text în cazul în care utilizatorul poate introduce un text, și apoi folosind un buton special pentru a trimite-l la server. În loc să tastați utilizatorul poate solicita să selectați mai multe elemente dintr-o listă pregătită sau steaguri note solicitate articole etc. O astfel de interacțiune cu utilizatorul este foarte condiționată - .. După toate informațiile pe care a intrat și a trimis, este încă în curs de procesare pe partea de server.

Obținerea de informații de la utilizator

De exemplu, să examinăm pagina pentru feedbackul clienților despre serviciile companiei ipotetice Lentiai. Acest lucru, desigur, nu va fi exact ceea ce se înțelege, de obicei, prin cartea de recenzii de pe site. Pur și simplu, vom oferi utilizatorului posibilitatea de a introduce informații și de a le trimite pe server (deoarece acesta va fi procesat acolo, nu vom mai considera acest lucru acum).

Deci, luați titlul și partea dreaptă a paginii web. Trebuie doar să adăugați un link către pagina "Servicii" și să îl eliminați din "Cartea de oaspeți":







SERVICII

PREȚURI

FORMULAR DE COMANDA

poveste COMPANIE

Rezervați REVIEWS

La sfârșitul formularului trebuie să fie eticheta de închidere . Tot ce este înăuntru, poți să-i spui serverului. Pentru a trimite date de formular, este folosit în mod tradițional un buton cu numele "Trimitere". Pentru ao crea, puteți utiliza eticheta cu atributul TYPE = "trimite":

Atributul VALUE = specifică inscripția de pe buton. Dacă nu specificați, butonul va scrie "Trimiteți". Ce date vor fi trimise? În primul rând, să-l întrebăm pe utilizator cu privire la numele său, subliniind pentru acesta un câmp de text dintr-o singură linie și o opinie despre serviciile companiei, pentru care vom selecta un câmp text cu mai multe linii.

Câmpuri pentru scrierea textului

Pentru a crea un câmp text dintr-o singură linie, trebuie să utilizați și eticheta , dar deja cu atributul TYPE = "text". În acest caz, lățimea sa este specificată utilizând atributul SIZE =. Pentru ca programul de prelucrare a datelor (sau persoana care înțelege aceste date) să înțeleagă ce date se referă la câmpul respectiv, este de dorit ca fiecare câmp să specifice atributul NAME =. În acest caz, îi cerem numele utilizatorului, astfel încât valoarea acestui atribut să fie cuvântul Nume (și în limba engleză, numele):

Atributul VALUE = specifică ce va fi scris în câmpul de text. Rețineți că atributul SIZE = specifică numai lățimea vizibilă a câmpului de text, dar nu limitează numărul de caractere introduse de utilizator. Dacă trebuie să introduceți o astfel de restricție, ar trebui să utilizați atributul MAXLENGTH =.

"Ei bine", veți spune, "dar cum știe utilizatorul ce îi este cerut să intre în acest domeniu?"

Pentru a-i oferi o "sugestie", puteți să scrieți textul înaintea câmpului de text:

Numele tau:







Trimiteți-le prietenilor: