E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Bazele HTML (10)

VII. Formulare

15.05.2008
VII. Formulare

Acest tutorial iti va arata cum sa creezi formulare folosind HTML.

Total vizualizari: 11598 11598 afisari   |   Comentarii  0   |   Rating   |   (7 voturi)   |   Timp necesar: 30 min 30 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1 2345 »
comenteaza printeaza

Acest tutorial iti va arata cum sa creezi formulare folosind HTML. Declaratiile de tip <form…> iti permit sa faci site-ul tau interactiv. Formularele sunt folosite ,de exemplu, la inscrierea la un serviciu de email sau semnarea unei carti de oaspeti.

Vom incepe cu analiza tag-ului form, care este baza in realizarea formularelor. Apoi vom studia 8 tipuri diferite de campuri pe care le poti utiliza in formulare: text field, checkbox, buton radio, meniu sau lista, textarea, camp hidden (ascuns), camp password (parola) si camp file (pentru incarcarea de fisiere).

Dupa aceea, vei invata cum sa folosesti butoanele submit, image si reset, si cum sa creezi si alte tipuri de butoane. Butoanele sunt utilizate pentru a activa formularele, de exemplu, pentru a trimite informatiile dupa ce utilizatorul a completat formularul.

In final, vom analiza metodele prin care puteti prelucra informatiile transmise prin formulare. Tag-ul FORM Toate formularele HTML sunt create cu tag-ul <FORM>:

<form method="xxxx" action="xxxx">
(campurile formularului)
</form>

Atributul method controleaza modul in care informatia introdusa de utilizator este transmisa serverului. Cele doua valori posibile sunt:

GET

Trimite informatia prin atasarea la URL (script.php?nume=X&email=X@Y.com). Aceasta este optiunea implicita.  Este utila pentru date de dimensiuni mici (de exemplu pentru un motor de cautare). De asemenea, utilizatorului ii este usor sa actualizeze rezultatele formularului apasand butonul de refresh al browser-ului. Cantitatea de informatie transmisibila este limitata (cateva sute de biti) si nu se pot transmite decat caractere ASCII.

POST

Trimite informatia codificata prin HTTP. Este recomandata pentru cele mai multe tipuri de formulare. Utilizatorul nu va vedea datele din formular in URL, iar aceasta metoda poate fi folosita pentru a trimite datele de dimensiuni mari.  Spre deosebire de metoda GET, utizatorul nu va putea reactualiza usor rezultatele formularului -  de obicei va aparea o casuta de dialog prin care poate specifica daca doreste sa trimita din nou datele din formular.


Atributul action specifica unde vor fi trimise datele din formularul completat de utilizator, de exemplu http://www.site.com/formular.php sau http://www.site.com/date.asp.

Campurile formularelor
Campurile unui formular pot fi elemente de tip text box, checkbox, butoane radio, sau liste drop-down. Fiecare camp are un nume si o valoare. Numele este folosit de scriptul server-side sau de un alt program pentru a stabili campul, iar valoarea este informatia completata de utilizator.

In cele ce urmeaza, vom studia tipurile de campuri si cum pot fi acestea utilizate.

Campul Text
Probabil cel mai des raspandit element de tip <input…> este campul text. Acesta este un cadru in care utilizatorul poate introduce un text de dimensiuni mici, cum ar fi numele sau adresa de mail. Are formatul:

<input type="text" name="xxxx" value="xxxx"
size="xxxx" maxlength="xxxx">

Atributul name este numele elementului, de exemplu email sau varsta.
Atributul value iti permite sa folosesti o valoare predefinita care va aparea in cadru, utilizatorul putand schimba aceasta valoare daca doreste. Acest atribut este optional, nu este obligatoriu sa introduci o valoare (value=""), sau il poti omite complet.

Atributul size specifica latimea campului (numarul de caractere). Daca nu completezi aceasta valoare, browser-ul va folosi dimensiunea standard pentru acest camp.

In sfarsit, atributul maxlength limiteaza numarul de caractere pe care utilizatorul le poate introduce. Daca nu specifici aceasta valoare, utilizatorul poate introduce oricate caractere doreste.

Exemplu:

Adresa de email: <input type="text" name="adresa_email"
value="" size="30" maxlength="50">
Adresa de email:
Pagina:
1 2345 »
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(7 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4795
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4730
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4605
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4540
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4400
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Powerpoint PHP JSON Excel Swift 3D Vista Word Dreamweaver StyleSheet Lightroom Javascript Verilog Fotografie Gimp Python HTML Action Script Illustrator PSD Bridge AJAX XML Java Outlook COREL DRAW SEO Sony Vegas XHTML RoR Flash CSS SWF MySQL Fireworks Ruby on Rails Photoshop
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software