Formulare în HTML

Tatiana Pașa
USM, Departamentul Informatică
Tema 5
 Formulare în HTML

Un formular HTML conține anumite elemente numite controls (controale) ce

au scopul să primească input (informații) de la utilizator, prin mouse sau
tastatură, care vor fi trimise apoi către un script (un fisier php de exemplu) aflat
pe serverul web. Scriptul respectiv procesează acele informații (le introduce într-
o bază de date, loghează utilizatorul, actualizează un shopping cart, etc).
Informațiile completate de utilizator pe o pagină web sunt trimise către acel
script în momentul când utilizatorul apasă butonul "submit" al formularului. În
engleză se folosește termenul "submit" pentru acțiunea efectivă prin care un
formular trimite datele.
 Formulare în HTML

Crearea unei forme este mult mai simplă decât crearea sistemelor de
prelucrare a datelor transmise prin forme. De cele mai multe ori adresa exterioară
(la care este transmisă informația din formă) prezintă un program scris în JAVA și
C#. Scrierea programelor CGI (Common Gateway Interface) cere o cunoaștere
bună a limbajelor respective și a particularităților sistemului operațional.

Utilizarea formularelor permite comunicarea prin intermediul paginilor web prin

completarea de informații în câmpuri pentru text, realizarea de selecții folosind
liste derulante, apăsarea de butoane, etc. Crearea listelor nu este suficientă,
pentru ca acestea să realizeze o acțiune este necesar un limbaj de programare
precum JavaScript sau PHP.
 Formulare în HTML

Formularele transmit datele pentru sistemele de prelucrare în formă de

perechi:
[nume variabilă]=[valoare variabilă]
Numele variabilelor sunt date cu litere ale alfabetului englez. Valorile
variabilelor, indiferent de conținutul lor, sunt prelucrate de sistem ca
variabile de tip șir de caractere (string).

Este permisă utilizarea mai multor formulare într-un singur document

HTML, dar nu sunt permise formularele imbricate (formular în formular). În
interiorul formularelor este permisă utilizarea fragmentelor de text HTML,
inclusiv taguri.
 Formulare în HTML
Înserarea unui formular într-un document web se realizează prin etichetele:
<form> ... </form>
între care sunt incluse controalele în cadrul cărora se vor adăuga celelalte elemente
specifice. Elementul form nu conține atribute pentru format, dar folosește atributele:
• action - se scrie adresa URL a unui script de pe server (de obicei PHP sau CGI),
program care trebuie să accepte datele din form, le procesează și trimite înapoi
răspunsul la browser;
• method - se scrie get sau post, valori care specifică ce metodă HTTP va fi folosită
pentru a trimite conținutul formularului la server;
o get - datele sunt trimise prin adăugarea la adresa indicată de action și permite
trimiterea unor mici cantități de date;
o post - datele sunt trimise separat și sunt permise cantități mari de date;
• enctype - determină mecanismul folosit pentru a codifica conținutul transmis din
formular;
• name - este numele formularului, folosit de scripturi JavaSript;
• target - este ținta cadrului (frame) unde pagina va fi vizualizată, după transmiterea
datelor din form.
 Formulare (elemente) în HTML

Proprietățile elementului <input> ... </input>:

• type - tipul de form folosit (casetă text, buton și altele ...);
• name - numele elementului respectiv de formular, folosit de scripturile la care sunt
trimise datele;
• value - datele (valoarea) asociate acelui element de formular și care sunt trimise
împreună cu numele, către scripturi (PHP, CGI, JavaScript);
• size - specifică numărul de caractere care dau lungimea zonei de text;
• maxlength - numărul maxim de caractere acceptate;
• checked - specifică dacă un buton sau altă formă va fi inițial selectată (bifată);
• readonly - folosit pentru câmpuri de tip text, impedică modificarea valorii (textului) din
acel câmp;
• disabled - impedică folosirea câmpului care are această proprietate, va fi vizibil dar
nu va putea fi folosit, datele acestuia nu vor fi trimise din formular la un script.
Cele mai multe elemente de formular se crează prin atributul type al elementului <input> ... </input>;
 Formulare (button simplu) în HTML

Butonul simplu este folosit cu JavaScript pentru a efectua o acțiune când este apăsat:
<input type=" button" value="Buton">...</input>

Acest element folosește următoarele atribute:

• type - button
• name - numele butonului, necesar pentru a fi
folosit de script
• value - textul care apare pe buton.

<h2>Button</h2>
<input type="button" onclick="alert('Salut!')" value="Apasă!">
 Formulare (submit) în HTML

Buton Submit, acest element face ca prin apăsarea lui browser-ul să trimită numele și
valoarea tuturor celorlalte elemente din formular la scriptul de pe server:
<input type="submit">...</input>
Acest element folosește următoarele atribute:
• type - submit
• name - numele butonului, poate fi folosit de
scriptul la care se trimit datele
• value - textul care apare pe buton.

<form action="/action_page.php">
Numele:<br>
<input type="text" name="Nume" value="Ion">
<br> Prenumele:<br>
<input type="text" name="Prenume" value="Sirbu">
<br><input type="submit" value="Submit">
</form>
 Formulare (Reset) în HTML
Butonul Reset permite utilizatorului să șteargă toate datele pe care le-a scris în
celelalte elemente din formular:
<input type="reset" value="Sterge">...</input>
Acest element folosește următoarele atribute:
• type - reset
• value - textul care apare pe buton.
<h2>Butonul Reset</h2>
<strong>Tipul="reset"</strong></p>
<form action="/action_page.php">
Numele:<br>
<input type="text" name="Nume" value="Ion">
<br>Prenumele:<br>
<input type="text" name="Prenume" value="Sirbu">
<br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form> Inițial Până la Reset După Reset
 Formulare (câmp textarea) în HTML
Câmpul textarea este un element ce crează un câmp în pagină, în care utilizatorul
poate adăuga mai multe linii de text:
<textarea>...</textarea>
Acest element folosește următoarele atribute:
• name - numele câmpului de text, folosit de
scriptul la care sunt trimise datele
• rows - numărul de linii a zonei de text
• cols - numărul de coloane a zonei de text

<h2>Textarea</h2>
<p>Zonă pentru text.</p>
<form action="/action_page.php">
<textarea name="message" rows="10" cols="30">Realzati toate
laboratoarele propuse în cadrul orelor de laborator.</textarea><br>
<input type="Submit">
</form>
 Formulare (câmp textarea) în HTML

Atributul placeholder permite afișarea unui text de îndrumare (recomandare) în

textarea.

<p>Zonă pentru text.</p>

<form action="/action_page.php">
<textarea rows="10" cols="30" placeholder="Scrie parerea
ta aici..."></textarea><br>
<input type="submit">
</form>
 Formulare (câmp textarea) în HTML

Atributul requiered permite obligarea

completării câmpului.

<p>Zonă pentru text.</p>

<form action="/action_page.php">
<textarea rows="10" cols="30" placeholder="Scrie
parerea ta aici..." required></textarea><br>
<input type="submit">
</form>
 Formulare (casete de text) în HTML

Caseta de text este folosită pentru a crea în pagină un câmp pentru text (cu o singura linie):
<input type="text">
Acest element folosește următoarele atribute:
• type - text <INPUT TYPE="text" SIZE=25 NAME=user
VALUE= "Scrie textul aici">
• name - numele căsuței de text, folosit de
scriptul la care sunt trimise datele
• value - va reprezenta propriul context ca
valoare aleasă. Un șir de text care apare în
căsuța de text
• size - specifică numărul de caractere care
dau lungimea căsuței de text (default 20)
• maxlength - numărul maxim de caractere
acceptate să fie adăugate de utilizator
 Formulare (casetă pentru parolă) în HTML
Casetele pentru parole - password sunt folosite pentru a permite adăugarea de
parole. Caracterele adăugate în această casetă nu sunt afișate cu valoarea lor reală,
pentru a nu se vedea parola scrisă.
<input type="password">
Acest element folosește următoarele atribute: <strong>Tipul"password"</strong>
<br>
• type - password
Nume:<br>
• name - numele casuței pentru parole, folosit de <input type="text" name="userid"> <br>
scriptul la care sunt trimise datele Parola:<br>
• value - de obicei nu este adăugat, dacă este scris, <input type="password" name="psw">
</form>
va reprezenta parola default din acea casetă
• size - specifică numărul de caractere care dau
lungimea căsuței pentru adăugarea parolei
(default 20)
• maxlength - numărul maxim de caractere
acceptate să fie adăugate de utilizator
 Formulare (autofocus) în HTML

Câmpul care posedă atributul autofocus va fi activ ceea ce presupune că cursorul este
prezent în câmp.

Nume: <input type="text" name="nume" autofocus /><br />

Prenume: <input type="text" name="prenume" /><br />
Parola: <input type="password" name="parola" /><br /><br/>

fără autofocus cu autofocus

 Formulare (disabled) în HTML

Câmpul care posedă atributul disabled va fi inactiv ceea ce presupune că câmpul va fi

sde culoare sură și nu va permite introducerea datelor.

Nume: <input type="text" name="nume" autofocus /><br />

Prenume: <input type="text" name="prenume„ disabled /><br />
Parola: <input type="password" name="parola" /><br /><br/>

fără disabled cu disabled

 Formulare (readonly) în HTML

Câmpul care posedă atributul readonly va conține o valoare fixată care nu poate
fi modificată de utilizator. Este un câmp bulean acceptat de toate browserele.

Nume: <input type="text" name="nume" autofocus /><br />

Prenume: <input type="text" name="prenume" /><br />
Adresa: <input type="text" name="orașul" value="Chișinău" readonly/><br /><br/>

cu readonly cu readonly la încercarea de a

modifica câmpul
 Formulare (hidden, image, search) în HTML

Casete de formular ascunse hidden este “Image” - acest tip de input se

folosit pentru a adăuga în formular date utilizează când se doreşte înlocuirea
care să nu fie vizibile în browser și care sunt unui buton „Submit” cu o imagine
trimise la scripturi împreună cu celelalte date
din formular. <input type="image" src="im3.ico"
<input type="hidden"> alt="Submit" width=„20” height="20" />

<input type="image" src="img.png"

Acest element folosește următoarele alt="Submit" width="300” height="100"
atribute: />
• type - hidden
• name - numele casuței ascunse, folosit de Search <input type="search"
scriptul la care sunt trimise datele name="googlesearch">
• value - valoarea care se dorește să fie
transmisă prin acea casetă ascunsă
 Formulare (type="color") în HTML
Caseta color este utilizată pentru câmpurile de introducere care ar trebui să conțină o
culoare. În funcție de suportul browserului va apărea un selector de culori care poate
apărea atunci când se intră în câmpul de introducere.
<input type="color">
<h2>Culori</h2>
<strong>Tipul="color"</strong> <form
action="/action_page.php">
Selectati culoarea favorită:
<input type="color" name="favcolor"
value="#00ff00">
<input type="submit">
</form>
 Formulare (type="date") în HTML
Caseta date este utilizată pentru câmpurile de intrare care ar trebui să conțină o dată. În
funcție de browser, apare un selector de date când se intră în câmpul de introducere (nu
este suportat de Safari sau Internet Explorer 11)
<input type="date">
<h2>Date</h2>
<strong>input type="date"</strong>
<form>
Data de înregistrare:
<input type="date" name="bday">
<input type="submit">
</form>
Pot fi utilizate atributele min și max
pentru a adăuga restricții la date:
<input type="date" name="bday" min="1999-12-31">
 Formulare (type="email") în HTML

Caseta email este utilizată pentru câmpurile de introducere care ar trebui să conțină
o adresă de e-mail
<input type="email">

<h2>Adresă poștală</h2>
<form>
E-mail:
<input type="email" name="email">
<input type="submit">
</form>
 Formulare (type="number") în HTML

Caseta number definește un câmp numeric. Pot fi setate și restricții la numerele

acceptate.
<input type="number">

• max - specifică valoarea maximă a valorii introduse

• min - specifică valoarea minimă a valorii introduse
• step - specifică mărimea pasului cu care se va modifica valoarea inițial introdusă
• value - specifică valoarea predefinită

<h2>Număr</h2>
<form action="/action_page.php">
Cantitatea:
<input type="number" name="Cantitatea"
min="0" max="100" step="10" value="30">
<input type="submit">
</form>
 Formulare (type="range") în HTML

Caseta range definește un control pentru introducerea unui număr a cărui valoare
exactă nu este importantă (cum ar fi un control al glisorului).
<input type="range">
• max - specifică valoarea maximă a valorii introduse
• min - specifică valoarea minimă a valorii introduse
• step - specifică mărimea pasului cu care se va modifica valoarea inițial introdusă
• value - specifică valoarea predefinită

<h2>Câmpul Range </h2>

<form>
Diapazon:
<input type="range" name="diapazon" min="0" max="100">
<input type="submit">
</form>
 Formulare (pattern) în HTML

Atributul pattern specifică o expresie regulată. Valoarea elementului <input> este verificată
la trimiterea formularului și funcționează cu următoarele tipuri de intrare: text, date, search,
url, tel, email și password.
<form>
<form> E-mail: <input type="email" name="email"
Password: <input type="password" name="pw" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
pattern=".{7,}" title= " Șapte sau mai multe <input type="submit">
caractere"> </form>
<input type="submit">
</form>

<form> <form>
Password: <input type="password" name="pw" Homepage: <input type="url" name="website"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{9,}" title="Trebuie pattern="https?://.+" title="Include http://">
să conțină cel puțin un număr, o literă mare și una <input type="submit">
micăși cel puțin 9 caractere"> </form>
<input type="submit">
</form>
 Formulare (type="tel") în HTML

Caseta tel este utilizată pentru câmpurile de introducere care ar trebui să conțină
un număr de telefon.
<input type="tel">

<h2>Câmpul Telefon</h2>
<form>
Telefon: <input type="tel" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" required>
<input type="submit">
<span>Format: 123-45-678</span>
</form>
 Formulare (casetă upload) în HTML
Caseta pentru upload file upload este folosită pentru a permite utilizatorului să încarce
documente pe serverul web. Această casetă este însoțită de un buton Browse prin care se
alege documentul care va fi transferat pe server (upload-ul se face tot prin intermediul unui
script (PHP, CGI)
<input type="file">

Acest element folosește următoarele atribute:

• type – file
• name - numele căsuței upload folosită de
scriptul la care sunt trimise datele

<h1>Fâșierul încărcat</h1>
<form action="/action_page.php">
Selectează fâșierul: <input type="file" name="myFile"><br>
<input type="submit">
</form>
 Formulare (datalist) în HTML
Elementul datalist specifică o listă de opțiuni predefinite pentru un element <input>.
Utilizatorii vor vedea o listă derulantă a opțiunilor predefinite. Atributul listei elementului
<input>, trebuie să se refere la atributul id al elementului <datalist>.
<datalist id="name_id">
<option value="val1"> ... <option value="val_n">
</datalist>
<h2>Elementul datalist</h2>
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>
 Formulare (checkbox) în HTML
Caseta Checkbox este folosită pentru adăugarea mai multor opțiuni pe care
utilizatorul le poate alege (oricâte din ele) prin bifarea lor:
<input type="checkbox">
Acest element folosește următoarele atribute:
• type - checkbox
• name - numele căsuței checkbox, folosit de scriptul la care sunt trimise datele
• value - valoarea casetei checkbox respective, care poate fi selectată (bifată)
• checked - caseta checkbox respectivă este selectată (bifată).
<h2>Checkbox</h2>
<strong>Tipul="checkbox"</strong>
<input type="checkbox" name="curs1" value="Algebra">Algebra <br>
<input type="checkbox" name="curs2" value="Informatica">Informatica <br>
<input type="checkbox" name="curs3" value="Geometria">Geometria <br>
<input type="checkbox" name="curs4" value="Biologia">Biologia <br>
<input type="checkbox" name="curs5" value="Fizica">Fizica
<br><br><input type="submit">
</form>
 Formulare (radio) în HTML

Caseta Radio button este folosită pentru adăugarea mai multor opțiuni dintre care
utilizatorul poate alege una singură:
<input type="radio">
Acest element folosește următoarele atribute:
• type - radio
• name - numele casuței radio, folosită de scriptul la care sunt trimise datele
• value - valoarea caseței radio respective, care poate fi selectată (bifată)
• checked - dacă este adăugat acest atribut, caseta radio respectivă este selectată (bifată).

<h2>Butoane Radio</h2>
<strong>Tipul="radio"</strong>
<form action="/action_page.php">
<input type="radio" name="gender" value="male" checked> Masculin<br>
<input type="radio" name="gender" value="female"> Feminin<br><br>
<input type="submit">
</form>
 Formulare (elemente select) în HTML
Pentru elementul select se folosește tag-ul <select>...</select> care formează o listă, un meniu,
cu date ce pot fi selectate.
Atributete elementului <select> sunt:
• name - numele acestui element, necesar pentru a fi folosit de scriptul la care sunt trimise datele
• size - setează înălțimea elementului select, care reprezintă și numărul de opțiuni din listă care
vor fi vizibile inițial
• multiple – prezența acestui atribut specifică faptul că utilizatorul poate selecta mai multe
optiuni.

<select> ... </select> este folosit împreună cu elementul <option> ... </option> care reprezintă
lista elementelor ce sunt adăugate și afișate în lista de selectare.

Sunt folosite două atribute:

• selected - când acesta este adăugat, opțiunea respectivă este selectată când pagina web
este inițial încărcată. Când sunt adăugate mai multe opțiuni, este indicată folosirea acestui
atribut doar cu una singură.
• value - specifică valoarea variabilei numită în opțiunea respectivă (necesară pentru scriptul
care va primi datele).
 Formulare (elemente select) în HTML
Sunt două tipuri de elemente select, unde diferența o face folosirea atributului size. Cele două
tipuri de elemente select sunt:
1. Drop Down List (Lista de derulare) 2. List Box
<select name="select"> <select name="select" size=“3">
<option>Optiune 1</option> <option>Optiune 1</option>
<option>Optiune 2</option> <option>Optiune 2</option>
<option selected>Optiune 3</option> <option>Optiune 3</option>
<option>Optiune 4</option> <option>Optiune 4</option>
<option>Optiune 5</option> <option>Optiune 5</option>
</select> </select>

unde name este atributul care definește numele unde name este atributul care definește
acestui tăg select, iar option împreună cu numele acestui tăg select, atributul size
"Optiune 1“, ... , "Optiune 5" reprezintă determină înălțimea elementului select care
elementele din lista de selectare. determină și numărul de opțiuni vizibile inițial, iar
option împreună cu "Optiune 1“, ... ,"Optiune 5"
reprezintă elementele din lista de selectare.
 Formulare (elemente select) în HTML
În cazul în care se foloseşte o listă cu foarte multe elemente, acestea pot fi grupate cu
ajutorul tagului optgroup. <form>
<select>
<optgroup label="Raioanele din centru">
<option value="Ialoveni">Ialoveni</option>
<option value="Straseni“selected>Straseni</option>
<option value="Orhei">Orhei</option>
</optgroup>
<optgroup label="Raioanele din nord">
<option value="Edinet">Edinet</option>
<option value="Briceni">Briceni</option>
<option value="Ocnita">Ocnita</option>
</optgroup>
<optgroup label="Raioanele din sud">
<option value="Basarabeasca">Basarabeasca</option>
<option value="Cimislia">Cimislia</option>
<option value="Leova">Leova</option>
</optgroup>
</select>
</form>
 Formulare (label) în HTML

Tagul <label> este utilizat pentru a defini etichete pentru elemente de tip
input. Atunci când utilizatorul merge pe etichetă se va activa controlul
corespunzător etichetei (pentru aceasta cele 2 elemente trebuie legate). O
etichetă poate fi legată cu un element, fie cu ajutorul atributului for, fie prin
plasarea elementului în interiorul tag-ului „label”. Este suportat de toate
browserele cunoscute.

for - specifică ce element din formular va fi legat cu eticheta

form - specifică unul sau mai multe formulare cărora le aparţine
eticheta
 Formulare (label) în HTML

<form>
<label for="nume">
Nume: </label><input type="text" name="nume" id="nume" /><br />
<label for="prenume">
Prenume: </label><input type="text" name="prenume" id="prenume" /><br />
<label for="adresa">
Adresa:</label><input type="text" name="adresa" id="adresa"/><br />
</form>
 Formulare (fieldset - legend) în HTML

O grupare vizuală într-un chenar a elementelor ce formează un formular se

poate realiza cu setul de marcaje <fieldset> … </fieldset>. Împreună cu
acestea se poate folosi și setul de marcaje <legend> ... </legend> ce permite
afișarea împreună cu chenarul a unui text descriptiv pentru respectivul formular.

<form action = "…">

<fieldset>
<legend>Eticheta</legend>
Conținutul formularului
</fieldset>
</form>
 Formulare (fieldset - legend) în HTML

Elementul fieldset permite gruparea tematică a controalelor și a etichetelor

unui formular. Prin această operație se usurează procesul de întelegere a
scopului pentru care au fost introduse controalele (facând documentele mai
accesibile), oferind în plus și facilități de navigare (pentru browserele vizuale, de
exemplu cu tasta TAB).
Acest element definește un grup de controale într-un formular. Prin această
operație de grupare, formularele se divid în părti mai mici, mai ușor de întreținut,
utilizatorul putându-se orienta mai usor, îmbunătățind modul de utilizare atât
pentru browserele vizuale cât și pentru cele auditive.
Chiar dacă FIELDSET nu este suportat de toate browser-ele, el poate fi utilizat
prin includerea lui între tagurile <P> si </P>, sau prin înserarea unui tăg P înainte
de FIELDSET, în acest fel browser-ele care nu-l recunosc vor include continutul lui
într-un element de tip bloc, separat de restul formularului.
 Formulare (fieldset - legend) în HTML
Elementul legend permite asignarea unei explicații (unui titlu, șir de caractere)
unui element fieldset, îmbunătățind accesibilitatea la acesta pentru browserele
nevizuale. Elementul legend trebuie să apară la începutul lui fieldset, înainte de
orice alt element. Chair dacă nu este suportat de toate browserele, poate fi
utilizat în siguranță dacă este urmat imediat de un element de tip bloc. Pentru
astfel de browsere se pot folosi elemente ca strong, b sau big pentru a sugera
faptul că acela este titlul unui grup de controale.
Atribute posibile:
accesskey - shortcut key, poate fi un caracter
align – (este depășit) sugerează alinierea relativă la fieldset,
poate lua valorile: top, bottom, left, right
Chair dacă e depășit, este interesant de remarcat că în tehnica style-sheet-
urilor nu există alternativă!
 Formulare (fieldset - legend) în HTML
<FIELDSET>
<LEGEND ACCESSKEY=C>Date despre card</LEGEND>
<P>
<LABEL ACCESSKEY=V>
<INPUT TYPE=radio NAME=card VALUE=visa> Visa </LABEL>
<LABEL ACCESSKEY=M>
<INPUT TYPE=radio NAME=card VALUE=mc> MasterCard </LABEL> <BR>
<LABEL ACCESSKEY=N>
Numarul: <INPUT TYPE=text NAME=number> </LABEL> <BR>
<LABEL ACCESSKEY=E>
Expira: <INPUT TYPE=text NAME=expiry> </LABEL>
</P>
</FIELDSET>
 Formulare (fieldset - legend) în HTML
<FIELDSET>
<LEGEND ACCESSKEY=I>Date de contact</LEGEND>
<TABLE>
<TR>
<TD><LABEL FOR=name ACCESSKEY=N>Nume:</LABEL></TD>
<TD><INPUT TYPE=text NAME=name ID=name></TD> </TR>
<TR>
<TD><LABEL FOR=email ACCESSKEY=E>Adresa e-mail:</LABEL></TD>
<TD><INPUT TYPE=text NAME=email ID=email></TD> </TR>
<TR>
<TD><LABEL FOR=tel ACCESSKEY=A>Telefon:</LABEL></TD>
<TD><INPUT TYPE="tel" NAME=phone ID=tel pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" required</TD> </TR>
</TABLE>
</FIELDSET>
 Formulare (fieldset - legend) în HTML

La sfârșit se introduc cele 2 butoane obligatorii într-un formular (Submit și Reset),

trimiterea formularului facîndu-se către (xxx.cgi) aflat în folderul /cgi.
<FORM METHOD=post ACTION="/cgi-bin/order.cgi">

<P>
<INPUT TYPE=submit VALUE="Submit">
<INPUT TYPE=reset VALUE="Clear form">
</P>