FORMULARE
Formularele sunt una dintre cele mai populare metode interactive de comunicare World Wide Web (WWW). Formularele HTML va ofera posibilitatea de a aduna informatii sau impresii de la cei care va viziteaza pagina Web. Pentru a prelucra datele dintr-un formular, aveti nevoie de un script. Acesta are trei componente principale: <TEXTAREA>, <SELECT> si <INPUT>.
<TEXTAREA> -defineste un câmp în care utilizatorul poate introduce un text pe mai multe linii.
Atributele pentru aceasta sunt:
NAME - defineste numele câmpului;
ROWS - stabileste num 939g69j 59;rul de linii de câmp;
COLS - stabileste num 939g69j 59;rul de coloane din câmp.
Exemplul1:
|
Fisierul "Form1.html" |
|
<HTML> <FORM> <TEXTAREA NAME="Comentariu" ROWS=5 COLS=40> </TEXTAREA> </FORM> </HTML> |
<SELECT> - ofera utilizatorului posibilitatea de a alege dintr-o lista de optiuni.
Atributele pentru aceasta sunt:
NAME - defineste numele câmpului;
SIZE - stabileste câte optiuni sunt afisate în acelasi timp;
MULTIPLE - permite selectarea mai multor optiuni în acelasi timp.
Optinile sunt delimitate de marcajele <SELECT> si </SELECT> si sunt listate în cadrul etichetei <OPTION>. Valorile pentru aceasta eticheta sunt:
VALUE - reprezinta valoare ce este atribuita optiunii si care apoi este trimisa catre script;
SELECTED - stabileste o optiune ca fiind implicita.
Exemplul2:
|
Fisierul "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> |
<INPUT> - este un câmp pentru o singura optiune ce permite colectarea de informatii, incluzând câmpuri simple de text, butoane radio, casute de bifare si butoane de trimitere sau de anulare a informatiilor din formulare.
Atributele pentru aceasta sunt:
NAME - defineste numele câmpului;
SIYE - dimensiunea câmpului specificata în numar de caractere text;
MAXLENGHT - specifica nr. Max. De caractere ce pot fi citite pentru un câmp de text;
VALUE - defineste pentru un câmp de text, textul implicit ce va fi afisat;
CHECKED - activeaya un buton radio sau o casuta de bifare;
TYPE - defineste tipul câmpului de intrare.
Exemplul3 - pentru un câmp simplu de text:
|
Fisierul "Form3.html" |
|
<HTML> <FORM> Introduceti numele:<INPUT TYPE="text" NAME="Nume" SIZE="15" MAXLENGTH="12"> </FORM> </HTML> |
Exemplul4 - pentru casuta de bifare :
|
Fisierul "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:
|
Fisierul "Form5.html" |
|
<HTML> <FORM> Intrebarea 1: Va 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 si anulare:
|
Fisierul "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> |
Exercitiu:
Creati o pagina Web numita Formular.html, care sa contina un formular pentru sugestiile si întrebarile vizitatorilor site-ului din care va face parte pagina respectiva.
Programul pentru Formularul pe WEB:
|
"sondaj.html" |
|
<HTML> <HEAD> <TITLE>Sondaj</TITLE> </HEAD> <BODY> <H1>SONDAJ</H1> Multumim pentru timpul alocat raspunsului la urmatoarele intrebari: <FORM ACTION="mailto:eu@provaiderul meu.ro METHOD=POST ENCTYPE="text/plain"> Adresa dumneavoastra de e-mail: <INPUT TYPE="text" NAME="E-mail" [email protected] <P> <INPUT TYPE="checkbox" NAME="secret" VALUE="da"> Nu vreau sa faceti publica adresa mea. <P> Cum va conectati la internet? <BR> <INPUT TYPE="radio" NAME="conexiune" VALUE="modem" CHECKED>Modem <BR> <INPUT TYPE="radio" NAME="conexiune" VALUE="RNIS">RNIS<BR> <INPUT TYPE="radio" NAME="conexiune" VALUE="LS">legatura specificata<BR><P> Unde va aflati? <SELECT NAME="Regiune"> <OPTION VALUE="Romania SELECTED">Romania <OPTION VALUE="SUA">SUA <OPTION VALUE="Europa">Europa <OPTION VALUE="Restul lumii">Restul lumii </SELECT> <P> Ce cautati prin pagina mea de web?<BR> <SELECT NAME="Interes" SIZE=4MULTIPLE> <OPTION VALUE="Informatii">Informatii <OPTION VALUE="Sport">Sport <OPTION VALUE="Divertisment">Divertisment <OPTION VALUE="Cultura">Cultura <OPTION VALUE="Slujba">Slujba </SELECT> <P> Aveti vreo observatie de facut?<BR> <TEXTAREA NAME="Comentarii" COLS=40 ROWS=4 WRAP=physical> </TEXTAREA> <P> <INPUT TYPE="submit" VALUE="Trimite"> <INPUT TYPE="reset" VALUE="Initializare"> </FORM> </BODY> </HTML> |
|
