7formulare.ppt

8
FORMULARE

Upload: angela-biro

Post on 10-Jul-2016

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 7FORMULARE.ppt

FORMULARE

Page 2: 7FORMULARE.ppt

Un formular cuprinde elemente de control prin intermediul cărora vizitatorii paginii web pot introduce date care ulterior vor fi trimise la server-ul ce găzduieşte acea pagină, spre interpretare.

Inserarea unui formular se face cu perechea de etichete <form>..</form>

Page 3: 7FORMULARE.ppt

Principalele atribute ale <form></form>

Action – precizează ce se va întâmpla cu datele introduse de utilizatori. În general acestui atribut îi este asociată adresa unui script aflat pe server, şi care are rolul de a prelucra datele.

Ex: <form action=http://www.rol.ro/cgi-bin/nume_script.cgi>

Method – se referă la metoda folosită pentru trimiterea datelor spre server. Poate lua următoarele valori: Get Post

Get – permite trimiterea unor cantităţi restrânse de date, prin adăugarea lor la URL

Post - datele sunt expediate separat şi se permit cantităţi mari

Page 4: 7FORMULARE.ppt

Controale ce pot fi incluse în formular

TextBox (caseta de text)Password textboxButoane RadioCasete de validareButoaneLista derulantăEditorul de text (EditBox)Selector de fişiere

Page 5: 7FORMULARE.ppt

<input>..</input>

Pentru a insera cea mai mare parte a controalelor în formular se foloseşte eticheta <input>

Atributele de bază ale acestei etichete sunt: Type – prin intermediul acestuia se alege tipul de control ce urmează

a fi desenat în formular şi poate lua următoarele valori: Text – inserează casetă de text Radio – inserează radio butoane Checkbox – inserează casetă de validare File – pentru selector de fişiere Reset – buton cu funcţie de resetare Submit – buton cu funcţie de trimitere Button – inserare buton

Name – folosit pentru a atribui un nume unic fiecărui obiect Value – atribuirea unei valori iniţiale unui element al formularului (ex.

Value, în cazul unei casete de text, afişează valoare în cadrul casetei respective; în cazul unui buton, afişează text pe buton)

Page 6: 7FORMULARE.ppt

Atribute specifice

Eticheta <input> mai are o serie de atribute care sunt specifice doar anumitor tipuri de obiecte.

Pt text: Maxlength – setează lungimea maximă a şirului de carectere

introdus Readonly – valoarea câmpului nu poate fi modificată Size – stabileste latimea obiectului

Pt checkbox: Checked – caseta de validare este bifată în momentul

încărcării pe ecran Pt radio:

Pentru a avea mai multe obiecte radio care lucrează ca un set, ele trebuie sa primească aceeaşi valoare pentru atributul name.

Page 7: 7FORMULARE.ppt

Alte controale

Exista controale care se inserează distinct, nu prin folosirea lui <input>, şi anume: Lista derulantă se inserează cu etichetele

<select>..</select>, iar între aceste etichete se enumeră elementele listei cu ajutorul perechii <option>..</option>. Intre etichetele <option> se scrie valoarea ce se va afisa in lista. Pentru a selecta implicit o anumita optiune, in eticheta de deschidere a ei se adauga valoarea selected.

Editorul de text se inserează cu etichetele <textarea>…</textarea> care are următoarele atribute:

rows – numărul de linii vizibile Cols – numărul de coloane vizibile

Page 8: 7FORMULARE.ppt

<fieldset>…</fieldset>

Permite trasarea unui chenar în jurul controalelor. Dacă etichetei de deschidere <fieldset> îi urmează perechea de etichete <legend>text descriptiv</legend> pe chenar va fi plasat un text descriptiv