Formulare in Dreamweaver

Dupa o lunga pauza revin cu forte noi. Cer scuze celor care vizitau blog-ul pentru lectii noi dar asta e…am avut si eu de munca mai mult.Astfel ca, revin sa completez tutorialele pentru Dreamweaver.

Banuiesc ca nu trebuie sa va dau o definitie la ce inseamna un formular si care este scopul acestuia. Explicatia mea se va rezuma la cum se implanteaza un formular folosind Dreamweaver.

Pentru a introduce un formular intr-o pagina web se va utiliza toolbar-ul Insert, categoria Form – Form. Din acest moment bara de instrumente Insert va afisa obiecte de formular.

In ordinea afisarii avem:

• butonul Insert Form,
• butonul Insert Campul de text- in care utilizatorul introduce textul
• butonul Insert Hidden Field – contine info despe utilizator, info care sunt invizibile pe pag. web si care sunt utile in cazul in care utilizatorul viziteaza din nou pag respectiva
• butonul Insert Text Area – In care introduceti voi textul
• Butonul Insert Checkbox – micul buton de bifare cu vazut, buton de validare.
• insert radio button – gen checkbox doar ca e un cerculet in care va aparea un punct negru, folosit de obicei pentru a alege mai multe optiuni (nu permit decat alegerea unei singure variante )
• insert radio group
• insert list/menu – lista sau meniu – permit utilizatorului sa aleaga dintr-o lista mai lunga de optiuni, care nu ocupa mult spatiu in pagina. E un meniu derulant.
• insert jump menu – o lista derulanta in care fiecare optiuni reprezinta un link catre alta pagina
• insert image field – permite inserarea uneo imagini in formular
• insert file field – curpinde si un buton Browse ce permite alegerea locatiei unui fisier de pe calculatorul local.
• butonul Insert Button
• Insert label
• Insert Fieldset

Pentru a putea vedea bordurile formularului trebuie activata afisarea elementelor invizibile din View – Visual Aids – Invisible Elements.

Voi detalia cateva elemente ale unui formular in Dreamweaver care mi se par mai greu de inteles sau mai ultile si mai des folosite.

• Casetele de text cu un singur rand – Insert – Form Objects – Text Field. Pentru redimensionare schimbati numarul din Property Inspector la Width.
• Casetele pentru parole – se va utliza caseta pentru text cu un singur rand insa la Property in zona Type se va alege butonul radio Password .
• Casete de text cu mai multe Randuri -Insert – Form objects – Text Field iar la Property Inspector se va alege butonul radio Multi line. Pentru redimensionare introduceti un numar in Width. In caseta de text Num Lines introduceti un numar (de randuri).

* Pentru a limita numarul de caractere permise in caseta Property Inspector la Max Chars se va introduce un nr max de caractere ce pot fi introduce in camp.

• Butonul de validare – Insert – Form Objects – Checkbox. In property inspector se vor afisa proprietatile si de acolo se poate preciza numele si valoarea acestuia. In casta Checkbox value introduceti textul pe care doriti sa0l vedeti daca utilizatorul valideaza caseta. De exemplu, trimite_datele. Se va denumi caseta de calidare introducand in casera de text CheckBox.
• Meniu si Lista. Pentru a introduce elemente de meniu in meniu din Property Inspector se va executa click pe butonul List Values si va aparea o casuta de dialog . La Item label se va introduce un text ( ceea ce se doreste sa apara in meniu)La Value se va introduce valoarea elementului de meniu.

*Se vor utiliza butoanele + si – ptr a adauga si ptr a sterge elementele si butoanele cu sageata in sus sau in jos pentru a schimba ordinea elementelor in lista.

• Pentru a crea o caseta lista -meniu derulant – in caseta Property Inspector se va face click pe butonul radio List.(Type). Inaltimea va fi schimbata in Height.Pentru a permite alegeri multiple validati caseta optiuni Selections (Allow multiple).
• Atentie Jump Meniu folosesc codul Javascript.In caseta care se va deschide cand facem alegerea inserarii unui Meniu Jump  La text se va introduce textul dorit, Apoi URL-ul in casera When selected Go to URL. Din meniul derulant Open URL alegeti unde se va deschide selectia (fereastra principala – Main Window;intr-un cadru se va alege numele cadrului;intr-o fereastra noua – selectati numele ferestrei).

In casuta de dialog Insert Jump Meniu exista o caseta de validare “Go Button”. Daca aceasta nu e validata simeniul cu salt are forma unui meniu derulant browserul va merge la pagina dorita de indata ce utilizatorul a efectuat o selectie din meniu. Daca caseta Go Button este validata va trebui inserat un Buton Go.Si daca utilizatorul nu va apasa pe gutonul Go dupa ce face selectia nici pagina respectiva nu se va deschide.

Organizarea formularelor in Dreamweaver

Fieldset si legend sunt etichete optionale de formular. Intr-un formular de dimensiuni mari v-as recomanda sa le folositi.Pentru a adauga o eticheta fieldset se va selecta un grup de campuri de formular, inclusiv textul si etichetele -> butonul Fieldset- Se va introduce apoi numele respectivelor formulare(utilizand eticheta <legend>), de exemplu Date Informative sau Experienta in munca.

Functionarea formularelor prin metode GET sau POST. Get -trimite rezultatele formularului la adresa URL transmisa scriptului si Post va codifica materialul trimis catre script.

Daca doriti sa nu va complicati sau vreti va vedeti codul unui formular gata facut puteti cauta pe Google dupa expresia “free form handler“.