Laborator 10

10. Formulare
Elementul FORM
<form [action=url] [method=get/post]
[enctype=MIMEType] [onsubmit=script]
[onreset=script] [accept-
charset=set_caractere] [core] [international]
[events]>
</form>
Elementul INPUT
<input
[type=text|password|checkbox|radio|submit|ima
ge|reset|button|hidden|file] [name=nume]
[value=valoare] [checked] [disabled]
[readonly] [size=latime]
[maxlength=cuvinte_maxime] [src=url]
[alt=altText] [usemap=url]
[align=left|center|right|justify]
[tabindex=numar] [accesskey=keyCombo]
[onfocus=script] [onblur=script]
[onselect=script] [onchange=script]
[accept=set_caractere] [core] [international]
[events]>
Acest element input este cel mai important in utilizarea formularelor.
Explicarea valorilor Type ale elementului INPUT

Exemplu:
<input type=submit name=Buton
value=Buton>

Casete de validare

Exemplu:
<input type=checkbox name=nume
value=valoare>
Exemplu:
<input type=file name=nume
value=valoare>
Exemplu:
<input type=hidden name=nume
97

Laborator 10
value=valoare>
Exemplu:
<input type=image name=Buton
src=poza_buton.gif>

Casete de introducere a parolei

<input type=password name=nume
value=valoare>

Butoane radio
Exemplu:
<input type=radio name=nume
value=valoare>

Buton reset
Exemplu:
<input type=reset name=Reseteaza
value=Reseteaza>
Exemplu:
<input type=button name=Trimite
value=Trimite>

Exemplu cu valoare initiala:
<input type=text name=nume
value=valoare>

Elementul SELECT
Acest element este folosit pentru crearea unei liste de opiuni, fie ca
un meniu care se desfoar, fie ca o caseta cu lista. Fiecare din
optiunile din lista reprezint un element OPTION.

<select [name=nume] [size=latime] [multiple]
[disabled] [tabindex=numar] [onfocus=script]
[onblur=script] [onchange=script] [core]
[international] [events]>

Elementele din select
</select>
<option [selected] [disabled] [value=valoare]
[core] [international] [events]>Nume</option>
98

Laborator 10
Exemplu select:
<select name=test>
<option value=optiune 1>Optiune 1</option>
<option value=optiune 2>Optiune 2</option>
<option value=optiune 3>Optiune 3</option>
<option value=optiune 4>Optiune 4</option>
</select>

Arat astfel:



<select name=test multiple size=3>
<option value=optiune 1>Optiune 1</option>
<option value=optiune 2>Optiune 2</option>
<option value=optiune 3>Optiune 3</option>
<option value=optiune 4>Optiune 4</option>
<option value=optiune 5>Optiune 5</option>
<option value=optiune 6>Optiune 6</option>
</select>


Elementul TEXTAREA
Acest element este asemntor cu cel text numai ca aici se poate
tasta ntr-o sectiune mult mai mare dect n cazul text.
<textarea [name=nume] [rows=nr_randuri]
[cols=nr_coloane] [disabled] [readonly]
[tabindex=numar] [onfocus=script]
[onblur=script] [onselect=script]
[onchange=script] [core] [international]
[events]</textarea>

99

Laborator 10

Exemplu textarea:
<textarea name=nume cols=40
rows=10>Text initial</textarea>



Exemplu de formular

<form action="formular.php" method="get">
<table>
<tr>
<td colspan=2>
<input type="radio" name="a" value="m">
Domnul
<input type="radio" name="a" value="f">
Doamna
<tr>
<td>Nume
<td><input type="text" name="nume" size="20">
<tr>
<td>Prenume
<td><input type="text" name=prenume" size="20">
100
</table>
<input type="submit" value="Trimite">
</form>

Laborator 10
Formularul prezentat n exemplul de mai sus este pur cod html, deci
este static. Importante sunt datele pe care le trimite. n cazul nostru
din formularul de mai sus datele vor fi trimise, conform cu atributul
action la scrptul formular.php. Acesta le va prelua n funce de
metoda cu care au fost trimise datele n variabila global $_POST[]
sau $_GET[]. n cazul nostru datele au fost trimise cu ajutorul
metodei get. Scriptul formular.php arat astfel.
<?php
$nume=$_GET['nume'];
$prenume=$_GET['prenume'];
$titlu=$_GET['a'];
if ($titlu=="Do")
echo "Domnul";
else
echo "Doamna";
echo "Numele este:" $nume;
echo "Prenumele este:" $prenume;

?>
101