Descrierea unui formular (elementul FORM)

Descrierea unui formular (elementul FORM)

Elementul care descrie un formular este FORM. El se comporta ca un container pentru controale si specifica:

·     646j91g     Layout-ul (īnfatisarea) formularului (prin continutul elementului).

·     646j91g     Programul ce va prelua formularul completat si transmis (atributul ACTION). Programul care-l receptioneaza trebuie sa fie capabil sa preia corect si sa decodifice perechile nume/valoare transmise pentru a le putea folosi.

·     646j91g     Metoda prin care datele introduse de utilizator vor fi trimise serverului (atributul METHOD).

·     646j91g     O codificare a caracterelor acceptabila pentru server, astfel ca acesta sa poata prelua formularul (atributul ACCEPT-CHARSET). Browserele utilizatorilor trebuie sa-i avertizeze asupra valorilor setului de caractere acceptat si/sau sa restrictioneze posibilitatea acestora de a introduce caractere necunoscute.

Un formular poate contine īn afara controalelor si text si elemente HTML (paragrafe, liste, etc.)

Exemplul urmator arata un formular care va fi procesat de un program numit "adduser", īn momentul īn care va fi transmis de browser. Metoda utilizata pentru transmitere va fi "post":

<FORM action="https://somesite.com/prog/adduser" method="post">

...continutul formularului...

</FORM>

Iar exemplul urmator arata cum se trimite un formular la o adresa de email:

<FORM action="mailto:L.P@alpha.comp-craiova.ro" method="post">

...continutul formularului...

</FORM>

Elementul FORM

Sintaxa:

<FORM>... </FORM>

Atribute posibile:

·     646j91g     ACTION=URI (handler-ul formularului / programul care īl va prelucra)

·     646j91g     METHOD=[ get | post ] (metoda HTTP folosita la trimiterea formularului)

·     646j91g     ENCTYPE=ContentType (tipul continutului / content type utilizat pentru trimitere)

·     646j91g     ACCEPT-CHARSET=Charsets (codificarea suportata a setului caractere)

·     646j91g     TARGET=FrameTarget (frame-ul īn care se afiseaza rezultatele)

·     646j91g     ONSUBMIT=Script (scriptul care se executa dupa trimiterea formularului)

·     646j91g     ONRESET=Script (scriptul care se executa dupa resetarea formularului)

·     646j91g     atribute comune

Contine:

·     646j91g     Īn HTML 4.0 Strict, unul sau mai multe elemente SCRIPT sau elemente de tip bloc (block-level elements) cu exceptia lui FORM

·     646j91g     In HTML 4.0 Transitional, elemente de tip inline sau elemente tip block-level, exceptīnd FORM

Continut īn:

·     646j91g     APPLET, BLOCKQUOTE, BODY, CENTER, DD, DEL, DIV, FIELDSET, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH

Descriere:

Orice formular interactiv īncepe cu tagul <FORM> si se termina cu </FORM>, iar undeva īn interiorul formularului se gasesc tag-urile (elementele) care definesc controalele (INPUT, SELECT, TEXTAREA si BUTON) prin intermediul carora utilizatorul interactioneaza cu acesta, precum si butoanele "speciale" SUBMIT si, optional, RESET care actioneaza asupra formularului ca entitate.

Cele mai importante atribute ale tag-ului sīnt ACTION (actiune) si METHOD (metoda), astfel īncīt tag-ul de īnceput apare de forma:

<FORM ACTION="actiune" METHOD="metoda">

Valorile lui ACTION specifica natura actiunii, care va avea loc printr-un program care va fi executat de serverul care este gazda pentru document. Acest program va trebui sa preia datele din formular si sa le prelucreze. Astfel:

ACTION="URL" specifica URL-ul programului care va fi executat, de obicei un program CGI sau un servlet Java.

ACTION="mailto: adresa@domeniu" specifica un program de expediere a continutului formularului. Aceasta actiune nu este īnsa suportata de toate browserele (de exemplu Microsoft Internet Explorer 3.x care, īn acest caz, īn mod tipic, vor deschide o fereastra de compozitie a unui mesaj email. Īn afara acestor neajunsuri, lipsa unui feed-back imediat face aceasta metoda de actiune nu foarte recomandata pentru a fi utilizata.

Atributele METHOD si ENCTYPE specifica metoda utilizata pentru a trimite datele formularului serverului care gazduieste programul specificat īn ACTION.

Cīnd metoda este get (implicita), datele formularului sīnt transmise ca o cerere HTTP GET cu ?form_data adaugat la adresa URI specificata de atributul ACTION. Utilizarea metodei get permite ca transmiterea (datelor) formularului sa fie continuta complet īn URL. Avantajul este ca se pot crea bookmark-uri ("semne de carte") pe astfel de adrese, dar are si dezavantajul ca nu poate contine caractere non-ASCII ca "é" and "©". Cea mai importanta limitare este data de cantitatea de date care se pot transmite si care depinde de lungimea maxima a adresei URL permisa de browser si server. De aceea, pentru siguranta, orice formular care contine caractere non-ASCII sau mai mult de 100 caractere trebuie sa utilizeze METHOD=post.

Cīnd metoda este post, datele formularului sīnt transmise ca o cerere HTTP POST cu datele formularului īn corpul cererii. Majoritatea browserelor sīnt incapabile sa creeze un bookmark pe o astfel de cerere, dar posibilitatea transmiteri de caractere non-ASCII si posibilitatea de transmite date oricīt de mari sīnt avantajele fata de GET.

Atributul ENCTYPE specifica tipul continutului (content type) folosit īn transmiterea formularului si are ca valoare implicita application/x-www-form-urlencoded. Acesta are ca rezultat perechi nume/valoare trimise serverului sub forma name1=value1&name2=value2..., cu caracterul spatiu īnlocuit de "+" si cu caracterele speciale (ca, de exemplu, "#") īnlocuite de "%HH", unde HH este codul hexa al caracterului respectiv. Sfīrsitul de linie (line break) este codificat ca "%0D%0A" - un carriage return urmat de un line feed.

Daca formularul contine un element INPUT cu atributul TYPE=file, atunci este preferabil sa se foloseasca un ENCTYPE de tipul multipart/form-data iar METHOD sa fie post.

Pentru preluarea datelor din formularele transmise la server autorii nu trebuie sa cunoasca exact formatul īn care sīnt codificate datele, īntrucīt exista biblioteci publice, free (ca de exemplu CGI.pm) care ofera rutine ce preiau transparent ceea ce se trimite cu get sau post (ca application/x-www-form-urlencoded sau multipart/form-data). Se poate si simula o astfel de transmitere cu unelte ca cg-eye care permit vizualizarea imediat, "īn oglinda" a datelor ce s-ar trimite.

Atributul ACCEPT-CHARSET specifica lista de codificari acceptate de handlerul formularului (programul care-l primeste si prelucreaza). Valoarea acestui atribut este o lista de seturi de caractere ("charsets") separate cu virgula sau blanc. Valoarea implicita este UNKNOWN si este considerata, de obicei, codificarea folosita pentru transmiterea documentului ce contine formularul.

Atributul TARGET este folosit īn cazul frame-urilor pentru a specifica īn care frame se afiseaza raspunsul. Daca nu e specificat nici un frame (sau numele nu exista), valoarea implicita este o fereastra noua. Se pot folosi si numele speciale de frame-uri:

·     646j91g     _blank - ferastra noua, fara nume

·     646j91g     _self - raspunsul se afiseaza īn frame-ul curent (util pentru suprascrierea atributului

BASE al elementului TARGET)

·     646j91g     _parent - raspunsul se afiseaza īn parintele imediat din FRAMESET

·     646j91g     _top - raspunsul se afiseaza īn fereastra īntreaga, fara frame-uri

FORM mai are si atribute pentru a specifica actiuni de tip "client-side scripting" īn cazul anumitor evenimente (ONSUBMIT si ONRESET).