7FORMULARE.ppt

Post on 10-Jul-2016

213 views 0 download

Transcript of 7FORMULARE.ppt

FORMULARE

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>

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

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

<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)

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.

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

<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