Tutorial HTML

Data publicarii: Februarie 2006

Tutoriale » HTML » Formulare

HTML Feb 2006

Formulare

Folosind formularele webdesignerul sau administratorul site-ului poate colecta diverse informatii de la vizitatori.

Cele mai importante atribute ale etichetei <form> sunt action si method.
action metioneaza adresa scriptului (aflat pe server) care va interpreta formularul. Aceste scripturi pot fi scrise in limbajele PHP sau Pearl.
method indica metoda folosita de browser pentru transmiterea formularului. Poate lua valorile get si post.
get - datele sunt trimise prin adaugarea la adresa indicata de action. Permite trimiterea unor mici cantitati de date.
 post - datele sunt trimise separat si sunt permise cantitati mari de date.

Exemplu: formular cu 2 campuri, buton Trimite si buton Sterge

HTMLAfisare
<form action="script.php" method="post">
Nume:<input type="text" name="nume">
Prenume:<input type="text" name="prenume"><br>
<input type="submit" value="Trimite"><input type="reset" value="Sterge">
</form>
Nume:
Prenume:

Eticheta <input> poate avea atributele:
type - indica tipul datelor care vor fi introduse (text=text, submit=trimite, reset=sterge, password=parola, hidden=nu este vizibil, checkbox=caseta de validare, button=buton, radio=selectarea unui singur element dintr-un grup, file=fisier pentru upload, image=butonul va fi inlocuit cu o imagine)
name - numele asociat cimpului respectiv. Este folosit la prelucrarea datelor de catre scriptul mentionat in action
size - numarul de caractere vizibile din camp
maxlength - numarul maxim de caractere introduse in camp
readonly - datele prezente in camp nu pot fi modificate

Exemplu: formular continand toate valorile atributului <input>

HTMLAfisare
<form action="script.php" method="post">
Nume:<input type="text" name="nume">
Prenume:<input type="text" name="prenume"><br>
Telefon:<input type="text" name="telefon"><br>
Fax:<input type="text" name="fax"><br>
Email:<input type="text" name="email"><br>
Sexul: Masculin<input type="radio" name="sex" value="m"> Feminin<input type="radio" name="sex" value="f">

Studii: <select> <option value="scoala">Scoala profesionala <option value="liceu">Liceu <option value="facultate">Facultate </select>

Accesati Internetul de la:
Serviciu<input type="checkbox" name="serv">
Acasa<input type="checkbox" name="acasa">
Internet cafe<input type="checkbox" name="cafe">

Fisier: <input type="file" name="file">

Observatii:<textarea name="obs" rows="5" cols="30"></textarea>

<input type="submit" value="Trimite"><input type="reset" value="Sterge">
</form>

Nume:
Prenume:
Telefon:
Fax:
Email:

Sexul: Masculin Feminin

Studii:

Accesati Internetul de la:
Serviciu
Acasa
Internet cafe

Fisier:

Observatii:


Constructia select introduce un meniu derulant (lista de selectie), valorile fiind declarate prin option.

In campul textarea se poate introduce text, avand atributele cols (numar de coloane) si rows (numar de randuri).

Daca doriti puteti particulariza butoanele din formular folosind atributul type=image in cadrul etichetei input si indicand fisierul imagine.

HTMLAfisare
<form action="script.php" method="post">
<input type="image" src="trimite.gif" alt="Trimite">
</form>

Sus

Tutoriale
25 Jun 2016  3:13 PM
Tutoriale

Copyright © 2005-2016 Termeni si conditii
Adauga comentariu
Nume:*
Email:*
Comentariu:*
 Poza 
Introduceti codul:*

Completarea campurilor marcate cu * este obligatorie.

Autorul isi rezerva dreptul de a nu posta comentariile care nu au legatura cu subiectul articolului.

 
Comentarii:
Petrica
20-09-2010
Sunt un incepator, am putine cunostinte in domeniu, dar am un website din cele oferite gratuit spre folosinta de webgarden. Exemplu de formular prezentat de dvs. este o adevarata mana cereasca pentru mine si va multumesc ca la-ti prezentat gratuit. Partea trista pentru mine deabia de acum incepe. Am nevoie de acest formular ca de aer dar, din pacate exista acest dar, nu imi por permite un abonament la un autoreponder iar de modul cum pot lega acest formular pe care l-am pus pe situl meu gratuit de \"Fisier: habarn nu am. De aceea cu cel mai profund respect va rog, daca nu considerati cererea mea ca inacceptabila. Sa ma ajutati printr-un exemplu practic cum pot pune acest formulat pe site-ul meu astfel incat el sa fie si operant adica cum pot crea acel fisier de legatura care sa preia informatia sub forma unei liste email legata de un newsletter in speta de urmatorul\"Newsletter recipients - New newsletterNo recipients Afiseaza 0-0 din totalul 0 de elemente Enter email adresses here separated by space , or ;Import from file (export from Outlook, Mozilla Thinderbird and more) Alegeti fisierul Add recipients\" aflat pe OFERTA FIRMELOR ROMANE ***.com care este siteul meu gratuit. Nu-mi dau seama daca cererea mea de ajutor este o imbecilitate sau nu. Pentru mine cert este ca am mare nevoie de acest ajutor informational. Va multumesc insa indiferent de pozitia dvs. fata de rugamintea mea. Cu stima si deosebit respect, Petrica
Moshulescu
08-07-2011
Buna ziua Deoarece ptr mine a fost si este foarte util acest tutorial consider ca este bine sa atraga tentia asupra faptului ca atributul de la input ( maxlenght ) este scris gresit. corect este : maxlength. Cu respect
Autor
10-07-2011
Am corectat. Graba bat-o vina. Multumesc
Romeo
08-03-2013
Am facut un site si am invatat de aici cum pun si eu un formular. Bafta
Iulius
21-03-2013
Am facut si eu un formular html cu campurile pe care le vreau dar cand apas butonul trimite nu se intampla nimik. Ce trebuie sa fac ca datele sa ajunga in baza mea?
Autor
21-03-2013
Trebuie sa faci fisierul script.php, care va prelua datele din formularul html

Sus