Utilizarea Formularelor

Capitolul 10 Formulare
Utilizarea formularelor Formularul este un instrument cu ajutorul c ruia din documentul HTML se realizeaz transmiterea unor informa ii structurate o adres exterioar , fixat apriori. Informa ia primit pe aceast adres este apoi prelucrat (de cele mai multe ori n regim automat de programe soft speciale) Formularele ocup un compartiment aparte n limbajul HTML, cel pu in din motivul, c utilizarea eficient a lor cere &i cuno&tin e din domeniul program rii. Crearea unei forme este mult mai simpl dect crearea sistemelor de prelucrare a datelor transmise prin forme. De cele mai multe ori adresa exterioar (la care este transmis informa ia din form ) prezint un program scris n Limbajele PERL, JAVA, C. Programele de acest tip sunt numite CGIscripturi, de la (Common Gateways Interface), ce se traduce ca "Interfa comun de ecluze". De cele mai multe ori scrierea programelor CGIcere o cunoa&tere bun a limbajelor respective &i a particularit ilor sistemului opera ional UNIX. O metod mai simpl de prelucrare a formularelor este utilizarea instruc iunilor limbajului specializat PHP/FI, care se includ direct n documentele HTML. n acest caz documentele cap t extensiunea *.pht sau *.php. Formularele transmit datele pentru sistemele de prelucrare n form de perechi [nume variabil ]=[valoare variabil ]. Numele variabilelor sunt date cu litere ale alfabetului englez. Valorile variabilelor, indiferent de con inutul lor, sunt prelucrate de sistem ca variabile de tip &ir de caractere (string). Structura formularelor Formularele sunt marcate de perechea de taguri <FORM> ... </FORM>. Este permis utilizarea mai multor formulare ntr-un
54
singur document HTML, dar nu sunt permise formularele incluse (formular n formular). n interiorul formularelor este permis utilizarea fragmentelor de text HTML, inclusiv taguri. Tagul <FORM> poate fi completat cu trei atribute, unul dintre ele fiind obligatoriu: ACTION Atribut obligatoriu. Localizeaz sistemul de prelucrare a formei METHOD Determin modul de transmitere (protocolul de transmitere a hipertextului) a datelor din formular la sistemul de prelucrare. Valori permise: METHOD=POST &i METHOD=GET. dac nu se fixeaz valoarea, se atribuie METHOD=GET. ENCTYPE Determit standardul de codificare a datelor pentru transmitere la sistemul de prelucrare. Dac valoarea atributului nu este fixat , se consider c valoarea e ENCTYPE=application/x-www-form-urlencoded. Formulare elementare. Procesul de completare a datelor din formular este logic urmat de instruc iunea de ini ializare a transmiterii datelor: <INPUT TYPE=submit> Efectul utiliz rii acestui tag este apari ia n documentul HTML a butonului cu inscrip ia Submit (subscrie), la activarea c reia toate datele din formular vor fi transmise sistemei de prelucrare, indicate n <FORM>. Inscrip ia de pe buton poate fi modificat prin introducerea n tag a atributului VALUE="[text]" (valoare), de exemplu: <INPUT TYPE=submit VALUE="Hopa Hop!">
55
Folosind datele acumulate, putem forma un formular elementar
Exemplul 10.1
<HTML> <HEAD> <TITLE>Exemplul 10.1</TITLE> </HEAD> <H1>Un formular elementar </H1> <FORM ACTION="tabel2.html">  <INPUT TYPE=submit VALUE="La tabele, la tabele!..."> </FORM>  </BODY> </HTML>
Inscrip ia asociat butonului poate fi transmis prin includerea n descrierea butonului a atributului NAME=[nume], de exemplu: <INPUT TYPE=submit NAME=button VALUE="Apasa repede"> Forma poate con ine mai multe butoane cu nume &i valori diferite. Astfel, sistemul de prelucrare a formelor poate realiza unele sau alte ac iuni, n dependen de butoanele activate de utilizator. Acumularea datelor d" c"tre formular Exist mai multe tipuri de elemente <INPUT>. Fiecare element <INPUT> con ine atributul obligatoriu NAME=[nume], care determin numele elementului (&i, corespunz tor , numele variabilei, care va fi transmis sistemului de prelucrare). Numele va con ine doar semne ale alfabetului latin, f r semne diacritice. Un alt atribut al tagului <INPUT> este VALUE="[valoare]", care determin valoarea ce va fi transmis sistemului de prelucrare. Acest atribut nu este obligatoriu pentru elementele <INPUT TYPE=text> &i <INPUT TYPE=password>, deoarece n aceste cazuri vizualizarea nu se realizeaz direct. Atribute utilizate cu tagul <INPUT>:
56
TYPE=text Determin o fereastr pentru introducerea textului. Poate con ine atribute suplimentare SIZE=[num r] (l imea ferestrei de introducere n simboluri) &i MAXLENGTH=[num r] (lungimea maxim admis pentru rndul de simboluri). Exemplu: <INPUT TYPE=text VALUE="Scrie textul aici"> SIZE=20 NAME=user
Define&te o fereastr cu l imea de 20 simboluri pentru introducerea textului. La momentul apari iei ferestrei n ea se afi&eaz textul "Scrie textul aici", care mai apoi poate fe redactatUlterior textul (redactat sau predefinit) va fi transmis la sistemul de prelucrare prin variabila user. TYPE=password Define&te o fereastr pentru introducerea parolei. Efectul este acela&i, unica deosebire este c pe ecran n locul simbolurilor introduse apar (*). Exemplu: <INPUT TYPE=password NAME=pw SIZE=20 MAXLENGTH=10> Define&te o fereastr pentru introducerea parolei cu o lungime de 20 simboluri. Num rul de simboluri n parol nu poate dep &i 10. Parola introdus este transmis sistemului de prelucrare prin variabila pw. TYPE=radio Define&te un buton radio. Poate con ine atributul suplimentar checked (indic dac butonul este selectat). n un grup de butoane radio cu nume identice poate fi doar un buton selectat Exemplu: <INPUT TYPE=radio NAME=modem VALUE="9600" checked> 9600 bit/s <INPUT TYPE=radio NAME=modem VALUE="14400"> 14400 bit/s <INPUT TYPE=radio NAME=modem VALUE="28800"> 28800 bit/s Define&te un grup din trei butoane radio, marcate 9600 bit/s, 14400 bit/s &i 28800 bit/s. La apari ia grupului de butoane pe pagin , va fi marcat primul din ele. Dac utilizatorul nu va selecta alt buton,
57
sistemului de prelucrare i se va transmite variabila modem cu valoarea 9600. Dac se selecteaz unul din butoanele ini ial inactive se va transmite valoarea corespunz toare butonului ales TYPE=checkbox Define&te un box, care poate fi bifat. Ca &i atributul precedent (radio) poate con ine atributul suplimentar checked (bifarea apriori a boxului). Spre deosebire de butoanele radio, n grupul de boxuri pot exista mai multe elemente bifate apriori. Exemplu: <INPUT TYPE=checkbox NAME=comp VALUE="PC"> Sta ii terminale <INPUT TYPE=checkbox NAME=comp VALUE="WS" checked> Statii de lucru <INPUT TYPE=checkbox NAME=comp VALUE="LAN"> Server al re elei Intrenet <INPUT TYPE=checkbox NAME=comp VALUE="IS" checked> Servere Internet Define&te un box din patru elemente. Sunt marcate elementele 2 &i 4. Dac nu vor fi bifate alte butoane sau demarcate butoanele 2 &i 4, sistemul de prelucrare va primi variabila comp=WS &i comp=IS.
TYPE=hidden Define&te un element invizibil pentru utilizator. elementul nu se modific n procesul de completare a formei &i serve&te n calitate de resurs informa ional doar pentru sistemul de prelucrare, de exemplu n situa iile cnd structura formei se modific n timp, pentru determinarea versiunii formei.
Exemplu: <INPUT TYPE=hidden NAME=version VALUE="1.1"> Define&te variabila ascuns version, care se transmite sistemei de prelucrare valoarea 1.1.
58
TYPE=reset Define&te butonul, activarea c ruia reseteaz con inutul formei f r a transmite datele sistemului de prelucrare. Spre deosebire de alte atribute, se poate lipsi de atributul name. Exemplu: <INPUT TYPE=reset VALUE="Resetarea con inutului formei"> n afar de elementele <INPUT>, mai pot fi utilizate elementele <SELECT> &i <TEXTAREA>. Meniul <SELECT> din n elemente are forma: <SELECT NAME="[nume]"> <OPTION VALUE="[valoare 1]">[text 1] <OPTION VALUE="[valoare 2]">[text 2] ... <OPTION VALUE="[valoare n]">[text n] </SELECT> Meniul ncepe cu tagul <SELECT> &i sfr&e&te cu </SELECT>. Tagul <SELECT> con ine atributul obligatoriu NAME, care define&te variabila generat de meniu. Tagul<SELECT> poate con ine &i atributul MULTIPLE, care permite selectarea concomitent a ctorva elemente din meniu. Majoritatea sistemelor de navigare prezint meniul <SELECT MULTIPLE> n forma unei ferestre (n l imea ferestrei n linii este determinat de atributul suplimentar SIZE=[num r]). Meniul <SELECT> apare ca un meniu derulant vertical. Tagul <OPTION> define&te un element al meniului. Atributul obligatoriu VALUE define&te valoarea, care va fi transmis sistemului de prelucrare, dac a fost ales elementul corspunz tor al meniului. Tagul <OPTION> poate con ine atributul checked, care fixeaz c elementul este predefinit marcat.
59
Vom cerceta exemplul. <SELECT NAME="selection"> <OPTION VALUE="option1" checked>Variantul 1 <OPTION VALUE="option2"> Variantul 2 <OPTION VALUE="option3"> Variantul 3 </SELECT> Fragmentul define&teun meniu din trei elemente: Variantul 1, Variantul 2 &i Variantul 3. Este preselectat elementul Variantul 1. sistemei de prelucrare i se va transmite variabila selection cu valoarea option1 (predefinit ), option2 sau option3. Destul de simpl este &i utilizarea tagului <TEXTAREA> <TEXTAREA NAME=address ROWS=5 COLS=50> Introduca i aici adresa... </TEXTAREA> Atributele sunt obligatorii. NAME define&te numele variabilei prin care informa ia se transmite sistemului de prelucrare, (address). ROWS define&te n l imea ferestrei n linii (5). COLS define&te l imea ferestrei n simboluri (50). Textul plasat ntre <TEXTAREA> &i </TEXTAREA>, este inclus automat n fereastra de text. El poate fi redactat sau lichidat de c tre utilizator.
Exemplul 10.2:
<HTML> <HEAD> <TITLE>Exemplul 10.2</TITLE> </HEAD> <H1>Un formular... simplu de tot </H1> <FORM ACTION="adresa calculatorului pe care se afla sistemul de prelucrare" METHOD=post>
60
<H2>Unele date biografice...</H2> <P>Datele pot fi inventate </P> <P>Nume:&nbsp &nbsp &nbsp<INPUT TYPE=text SIZE=40 NAME=fn><BR> Prenume: <INPUT TYPE=text SIZE=40 NAME=ln><BR> Sex: <INPUT TYPE=radio NAME=gender VALUE="male" checked>masculin <INPUT TYPE=radio NAME=gender VALUE="female">feminin<BR> Virsta: <INPUT TYPE=text SIZE=5 NAME=age> ani<BR> <INPUT TYPE=submit VALUE="Transmiteti formularul"> </P> </FORM> </BODY> </HTML>
FORMULARE prin po.te electronic" Pentru utilizatorii ncep tori, care nu posed deprinderi de scriere a sistemelor de prelucrare formularele prezint , la prima vedere, un instrument inutil. Totu&i, exist situa ii, n care utilizarea lor este motivat . Astfel, dac n calitate de ac iune a formularului vom indica adresa cutiei po&tale &i modul de codificare a datelor, con inutul formei va fi trimis n cutia po&tal indicat , iar mai apoi prelucrat manual. <FORM ACTION=mailto:user@mail.box ENCTYPE=text/plain> Crearea formelor este un pas spre trecerea le elementele de DHTML (Dynamic HTML) limbaj, care permite prelucrarea datelor direct n document, f r a trimite informa ia n afar . Acest tip de forme este utilizat pentru generarea diferitor tipuri de teste.
61

Utilizarea Formularelor

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Utilizarea Formularelor

Încărcat de

Drepturi de autor:

Formate disponibile

Capitolul 10 Formulare

Folosind datele acumulate, putem forma un formular elementar

S-ar putea să vă placă și