joi, 17 noiembrie 2016

S10:14.11-18.11

Formulare

Pentru a crea un formular in HTTML se foloseşte elementul <form> ... </form>, in cadrul acestuia se vor adauga celelalte elemente specifice.
Elementul <form> ... </form> nu contine atribute pentru format, foloseste insa urmatoarele atribute:

  • action - aici se scrie adresa URL a unui script de pe server (de obicei PHP sau CGI), program care trebuie sa accepte datele din FORM , le proceseaza si trimite înapoi raspunsul la browser.
  • method - aici putem scrie get , sau post. Aceste valori specifica ce metoda HTTP va fi folosita pentru a trimite continutul formularului la server.
  • enctye - determina mecanismul folosit pentru a codifica continutul transmis din formular.
  • name - Este numele formularului, folosit de scripturi VB (Visula Basic) sau JavaSript.
  • target - Este tinta cadrului (frame) unde pagina va fi vizualizata, dupa transmiterea datelor din form.
Cele mai importante atribute ale etichetei <form> sunt action si method.action metioneaza adresa scriptului (aflat pe server) care va interpreta formularul. 

Aceste scripturi pot fi scrise in limbajele PHP sau Pearl.method indica metoda folosita de browser pentru transmiterea formularului. 
Poate lua valorile get si post.
  • get - datele sunt trimise prin adaugarea la adresa indicata de action. Permite trimiterea unor mici cantitati de date.
  •  post - datele sunt trimise separat si sunt permise cantitati mari de date.
In continuare sunt prezentate restul elementelor de formular care sunt folosite pentru a crea diferite campuri, casete, butoane in pagina web, necesare pentru a aduna datele care vor fi trimise la aplicatie pe server.
Cele mai multe se creaza prin atributul type al elementului <input> ... </input>

Proprietatile elementului <input> ... </input>

  • type - tipul de FORM folosit (caseta text, buton si altele ...)
  • name - numele elementului respectiv de formular, folosit de scripturile la care sunt trimise datele
  • value - datele (valoarea) asociate acelui element de formular si care sunt trimise, impreuna cu numele, catre scripturi (PHP, CGI, JavaScript)
  • size - specifica numarul de caractere care dau lungimea zonei de text
  • maxlength - numarul maxim de caractere acceptate
  • checked - specifica daca un buton sau alta forma va fi initial selectata (bifata).
  • readonly - folosit pentru campuri de tip text, impedica modificarea valorii (textului) din acel camp
  • disabled - impedica folosirea campului care are aceasta proprietate. Va fi vizibil dar nu va putea fi folosit, datele acestuia nu vor fi trimise din formular la vreun script.

Constructia select introduce un meniu derulant (lista de selectie), valorile fiind declarate prin option.
In campul textarea se poate introduce text, avand atributele cols (numar de coloane) si rows (numar de randuri).
Daca doriti puteti particulariza butoanele din formular folosind atributul type=image in cadrul etichetei input si indicand fisierul imagine.