Web Design Constanta Blog » formular http://www.webdesign-constanta.com/blog web design constanta blog Sat, 17 Jul 2010 18:02:27 +0000 en hourly 1 http://wordpress.org/?v=3.0 Crearea unui formular HTML Partea 3 http://www.webdesign-constanta.com/blog/web-design/crearea-unui-formular-html-partea-3/ http://www.webdesign-constanta.com/blog/web-design/crearea-unui-formular-html-partea-3/#comments Tue, 09 Feb 2010 15:45:46 +0000 admin http://www.webdesign-constanta.com/blog/?p=194 In interiorul corpului unei pagini HTML se pot include mai multe formulare. Dacă procedaţi astfel, nu uitaţi să inseraţi o etichetă </FORM> anterior etichetei <FORM> a următorului formular. Browserul utilizatorului va cauza  probleme dacă se suprapun formulare într-o pagină.

Iată un exemplu simplu de pagină care conţine mai multe formulare:

<HTML>

<HEAD>

<TITLE>Numele şi adresa de e-mail ale utilizatorului</TITLE>

</HEAD>

<BODY>

<FORM METHOD=”POST” ACTION=”phpinfo.php”>

<H3> Numele şi adresa de e-mail ale utilizatorului</H3>

<BR>Nume:

<BR><INPUT TYPE=”TEXT” NAME=”numele_utilizatorului”>

<BR>Adresa de e-mail:

<BR><INPUT TYPE=”TEXT” NAME=”adresa_email”>

<BR>

<BR><INPUT TYPE=”SUBMIT” VALUE=”Trimite datele”>

</FORM>

<FORM METHOD=”POST” ACTION=”phpinfo.php”>

<H3> Numerele de telefon şi fax ale utilizatorului</H3>

<BR>Număr de telefon:

<BR><INPUT TYPE=”TEXT” NAME=”telefon”>

<BR>Fax

<BR><INPUT TYPE=”TEXT” NAME=”fax”>

<BR>

<BR><INPUT TYPE=”SUBMIT” VALUE=”Trimite datele”>

</FORM>

</BODY>

</HTML>

Când utilizatorul execută clic pe butonul de expediere, datele incluse în câm­purile formularului care conţine butonul pe care s-a executat clic sunt trimise la server. Astfel, serverul primeşte fie un nume şi o adresă de e-mail, fie numerele de telefon şi de fax, nu conţinutul tuturor celor patru câmpuri.

[photosmash id=1]

Share/Save

]]> http://www.webdesign-constanta.com/blog/web-design/crearea-unui-formular-html-partea-3/feed/ 0 Crearea unui formular HTML Partea 2 http://www.webdesign-constanta.com/blog/web-design/crearea-unui-formular-html-partea-2/ http://www.webdesign-constanta.com/blog/web-design/crearea-unui-formular-html-partea-2/#comments Tue, 09 Feb 2010 15:35:06 +0000 admin http://www.webdesign-constanta.com/blog/?p=188 Această parte descrie două controale elementare pe care le veţi folosi frecvent: caseta cu text şi butonul de expediere. In cele ce urmeaza veţi afla mai multe despre controalele pe care le puteţi folosi în construcţia formularelor HTML.

O casetă cu text permite utilizatorului să tasteze informaţii care pot fi apoi trimise unui script PHP. Casetele cu text sunt frecvent folosite pentru a obţine date precum numele utilizatorului, adresa sa poştală sau adresa de e-mail. Pentru a crea o casetă cu text, scrieţi o etichetă HTML care are următoarea formă elementară:

<INPUT TYPE=”TEXT”  NAME=”text”>

Atributul NAME atribuie casetei cu text un nume, astfel încât conţinutul său să fie accesibil unui script PHP. Numele pe care îl atribuiţi unui control trebuie să fie unic în cadrul formularului şi trebuie să respecte regulile pentru denumirea variabile!or PHP, cu excepţia faptului că numele nu trebuie să înceapă cu simbolul dola­rului. Cu alte cuvinte, numele trebuie să înceapă cu o literă si nu trebuie să conţină alte caractere în afara literelor, a cifrelor şi a caracterelor de subliniere; în particular, numele nu trebuie să conţină spaţii. HTML nu are o etichetă /INPUT, deci nu încer­caţi să combinaţi o etichetă INPUT cu o asemenea etichetă.

Un buton de expediere permite utilizatorului să trimită serverului conţinutul unui formular. Fiecare formular HTML trebuie să aibă un buton de expediere. Pentru a crea un buton de expediere, scrieţi o etichetă HTML care are următoarea formă elementară:

<INPUT TYPE=”SUBMIT”  VALUE=”text”>

Atributul VALUE specifică textul care trebuie să apară pe suprafaţa butonului de expediere.

Iată un formular HTML complet, care include casete cu text ce preiau numele şi adresa de e-mail a utilizatorului:

<HTML>

<HEAD>

<TITLE>Numele şi adresa de e-mail ale utilizatorului</TITLE>

</HEAD>

<BODY>

<FORM METHOD=”POST” ACTION=”phpinfo.php”>

<H3> Numele şi adresa de e-mail ale utilizatorului</H3>

<BR>Nume:

<BR><INPUT TYPE=”TEXT” NAME=”numele_utilizatorului”>

<BR>Adresa de e-mail:

<BR><INPUT TYPE=”TEXT” NAME=”adresa_email”>

<BR>

<BR><INPUT TYPE=”SUBMIT” VALUE=”Trimite datele”>

</FORM>

</BODY>

</HTML>

Observaţi utilizarea etichetelor BR pentru alinierea etichetelor şi a con­troalelor, precum şi numele atribuite controalelor de tip casetă cu text. Când utilizatorul execută clic pe butonul de expediere, datele introduse de utilizator sunt trimise scriptului phpinfo.php

Voi continua in partea urmatoare.

Share/Save

]]> http://www.webdesign-constanta.com/blog/web-design/crearea-unui-formular-html-partea-2/feed/ 0