Embed Size (px)
DESCRIPTION
Despre HTML
Citation preview
LECTIA NR. 6
FORMULARE
Formularele sunt una dintre cele mai populare metode interactive de comunicare World Wide Web (WWW). Formularele HTML vă oferă posibilitatea de a aduna informaţii sau impresii de la cei care vă vizitează pagina Web. Pentru a prelucra datele dintr-un formular, aveţi nevoie de un script. Acesta are trei componente principale: <TEXTAREA>, <SELECT> şi <INPUT>.
1. <TEXTAREA> -defineşte un câmp în care utilizatorul poate introduce un text pe mai multe linii. Atributele pentru aceasta sunt:
NAME – defineşte numele câmpului;ROWS – stabileşte numărul de linii de câmp;COLS – stabileşte numărul de coloane din câmp.
Exemplul1:Fişierul „Form1.html”
<HTML> <FORM> <TEXTAREA NAME="Comentariu" ROWS=5 COLS=40> </TEXTAREA> </FORM></HTML>
2. <SELECT> - oferă utilizatorului posibilitatea de a alege dintr-o listă de opţiuni. Atributele pentru aceasta sunt:
NAME – defineşte numele câmpului;SIZE – stabileşte câte opţiuni sunt afişate în acelaşi timp;MULTIPLE – permite selectarea mai multor opţiuni în acelaşi timp.
Opţinile sunt delimitate de marcajele <SELECT> şi </SELECT> şi sunt listate în cadrul etichetei <OPTION>. Valorile pentru această etichetă sunt:
VALUE – reprezintă valoare ce este atribuită opţiunii şi care apoi este trimisă către script;SELECTED – stabileşte o opţiune ca fiind implicită.Exemplul2:
Fişierul „Form2.html”<HTML> Alegeti o optiune din lista <FORM> <SELECT NAME="Optiuni"> <OPTION SELECTED VALUE="Optiune1">Optiune1
<OPTION VALUE="Optiune2">Optiune2 <OPTION VALUE="Optiune3">Optiune3</SELECTED>
</FORM></HTML>
3. <INPUT> - este un câmp pentru o singură opţiune ce permite colectarea de informaţii, incluzând câmpuri simple de text, butoane radio, căsuţe de bifare şi butoane de trimitere sau de anulare a informaţiilor din formulare.
1
Atributele pentru aceasta sunt:NAME – defineşte numele câmpului;SIYE – dimensiunea câmpului specificată în număr de caractere text;MAXLENGHT – specifică nr. max. de caractere ce pot fi citite pentru un câmp de text;VALUE – defineşte pentru un câmp de text, textul implicit ce va fi afişat;CHECKED – activează un buton radio sau un comutator;TYPE – defineşte tipul câmpului de intrare.
Exemplul3 - pentru un câmp simplu de text:Fişierul „Form3.html”
<HTML><FORM> Introduceti numele:<INPUT TYPE="text" NAME="Nume" SIZE="20" MAXLENGTH="20"></FORM></HTML>
Exemplul4 – pentru căsuţa de bifare(comutator) :Fişierul „Form4.html”<HTML><FORM> <INPUT TYPE="checkbox" NAME=""checkbox1" VALUE="Optiune1">Optiune1 <INPUT TYPE="checkbox" NAME="checkbox2" VALUE="Optiune2" CHECKED>Optiune2</FORM></HTML>
Exemplul5 – pentru butoane radio:Fişierul „Form5.html”
<HTML><FORM> Intrebarea 1: V-a placut pana acum? <br> <INPUT TYPE="radio" NAME=choice" VALUE"Optiune1">Da <INPUT TYPE="radio" NAME=choice" VALUE"Optiune2">Nu</FORM></HTML>
Exemplul6 – pentru butoane de trimitere şi anulare:Fişierul „Form6.html”
<HTML><FORM> Introduceti numele:<INPUT TYPE="text" NAME="Nume" SIZE="15" MAXLENGTH="12"> <br> <br> <INPUT TYPE="Submit" VALUE="Trimite"> <INPUT TYPE="Reset" VALUE="Anuleaza"></FORM></HTML>
2
