Presentation is loading. Please wait.

Presentation is loading. Please wait.

Forms (Formulare).

Similar presentations


Presentation on theme: "Forms (Formulare)."— Presentation transcript:

1 Forms (Formulare)

2 Tagul <form> <form action=“…” method=“get|post”> …….
controale </form> Nu pot fi imbricate Pot fi puse oricate intr-o pagina

3 <form>; atribute esentiale
action URL-ul scriptului care va prelucra datele din formular (poate fi si o adresa de mail) method modul de transmitere a datelor valorile pot fi: - get datele sunt atasate la url url?camp1=val1&camp2=val2 maxim 1K - post datele sunt transmise separat pot fi de ordinul mega

4 Camp de editare <input type=“text” name=“nume” /> Atribute:
- value textul initial din camp - size latimea campului de editare - maxlength nr. maxim de caractere ce vor fi transmise

5 Butonul submit <input type=“submit” /> Atribute:
- value textul care va aparea pe buton - name numele ce va fi transmis (important daca sunt mai multe astfel de butoane intr-un form) Poate lipsi daca formul contine doar un singur camp de editare (locul lui il tine enter)

6 Butonul reset <input type=“reset” /> Atribute:
- value textul care va aparea pe buton Reseteaza valoarea tuturor campurilor la valoarea default

7 Butoane <input type=“button” /> Atribute:
- value textul care va aparea pe buton - name Genereaza un eveniment care poate fi tratat (in JavaScript)

8 Tagul <button> Atribute: - name - value
- type (valori: “submit”, “reset”, “button”) In acest fel pot fi folosite imagini pe post de butoane

9 Campul password <input type=“password” … />
La fel ca la campurile de editare, dar textele nu sunt afisate

10 Tagul <textarea>
Atribute: - name - cols latimea - rows numarul de linii - wrap valori: off, hard, soft

11 Butoane radio <input type=“radio” /> Atribute:
- name (butoanele radio din aceeasi familie trebuie sa aiba acelasi nume) - value valoarea care se transmite - checked

12 Checkbox <input type=“checkbox” /> Atribute: - name
- value valoarea care se transmite - checked

13 Casete “file” <input type=“file” name=“filename” />

14 Liste de selectie Tagul <select> Atribute: - name
- size cate elemente sunt vizibile - multiple Fiecare element al listei este introdus cu tagul <option> (atribute value si selected)

15 Alte aspecte <input type=“hidden” … /> Atributul disabled


Download ppt "Forms (Formulare)."

Similar presentations


Ads by Google