7FORMULARE.ppt
-
Upload
angela-biro -
Category
Documents
-
view
213 -
download
0
Transcript of 7FORMULARE.ppt
![Page 1: 7FORMULARE.ppt](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/1.jpg)
FORMULARE
![Page 2: 7FORMULARE.ppt](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/2.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/3.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/4.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/5.jpg)
<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](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/6.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/7.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022082902/577c7e3b1a28abe054a0c426/html5/thumbnails/8.jpg)
<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