Form in Dreamweaver




Intr-un tutorial anterior din categoria Tutoriale Dreamweaver v-am mai explicat despre cum se pot realiza formulare in dreamweaver. Ceea ce m-am gandit ca poate v-ar ajuta mult mai mult este sa va pun si un video. Pana cand voi avea timp sa va fac eu un video voi folosi cu multumiri catre cei care deja au creat video cu tutoriale dreamweaver.

Video 1 – tutorial video foarte detaliat de cum se realizeaza un formular in Dreamweaver

YouTube Preview Image
  • Text field se poate redimension introducand un numar in caseta de text Char Width din Property Inspector.
  • Pentru a crea o caesta de parola selectati campul de text si in zona Type alegeti Password.
  • Pentru a limita numarul de caractere permise selectati campul de text dorit si la Max Chars introduceti numarul maxim de caractere ce poate fi introdus in camp.

 Video 2 – Validarea campurilor intr-un formular in Dreamweaver

YouTube Preview Image
  • Nu uitati metoda GET nu trebuie utilizata decat pentru formulare mai mici si care nu contin date importante si sensibile deoarece folosind metoda GET datele din formular sunt atasate la oa dresa URL .
  • Folositi din caseta Property Inspector atributul Enctype pentru a codifica datele in metoda POST.

 Video 3 – Validarea unui form prin Javascript in Dreamweaver

YouTube Preview Image
  • In fereastra Document care contine formularul selectati formularul  si din caseta Behaviors adaugati actiunea Validate Form. Si de acolo veti putea selecta numele de cap pe care doriti sa-l validati . Daca doriti sa fie obligatoriu validati “Required”.
  • Pentru a restrictiona continutul accepta alegeti optiunea dorita (numar- trebuie sa contina doar numere, number from n to n – interval de numere, email )
  • Asigurati-va ca este precizat onSubmit !!!

Ca sa facem un pas inainte fata de tutorialul trecut am sa va zic cum puteti face si formularul functionabil Wink 

Prima metoda

La properties selectati Form si in meniul properties completati

action: mailto:emailaddress
method: GET
Enctype: text/plain

Asiguati-va ca ati inclus butonul submit – selectati butonul si asigurati=va ca ati pus la action Submit form.

A doua metoda – mult mai folosita este utilizarea unui script.

Daca alegeti un script CGI, la property unde aveti action veti pune calea catre fisierul cgi (gen cgi-bin/formamil.pl) si metoda post.

Si care e parerea ta?...