Logo Facebook8    Logo Youtube12    Logo Google     Logo twitter

Lectia 10 HTML | Formular

Formularul este unul dintre cele mai importante unelte folosite de un webmaster pentru a obtine informatii importante despre un internaut, informatii precum email, nume, adressa, telefon sau orice alte informaii.

Pentru a crea un formular avem nevoie de eticheta <form>.
Atributele etichetei <form> sunt urmatoarele:
- method | se introduce metoda prin care vor fi trimise informatiile:
get care poate trimite o cantitate mica de informatie si post care poate trimite o cantitate mai mare.


- action | se introduce URL-ul unde va fi trimisa informatia

Pentru a crea elementele formularului avem nevoie de eticheta <imput>.
Atributele etichetei <imput> sunt urmatoarele:
- type | determina tipul elementului care poate fi:
1.text - va crea o casuta de text;
2.password - va crea o casuta pentru parola;
3.submit - va crea un buton pentru trimiterea datelor;
4.button - va crea un buton simplu;
5.radio - va crea un radio buton (utilizatorul poate alege o singura optiune);
6.checkbox - va crea o casuta de bifat (utilizatorul poate alege mai multe optiuni);
7.reset - va crea un buton care are rolul de a reincarca pagina;
8.file - va crea o casuta de upload;

- name | numele campului de text;
- size | marimea campului de text;
- maxlength | valoarea maxima de caractere care pot fi introduse;
- value | valoarea casutei;
- checked | specifica daca o casuta este bifata sau nu;
- disabled | casuta va fi afisata dar nu va putea fi folosita;

Pentru mesaje mai lungi se pot folosi etichetele <textarea> </textarea>.
Prin folosirea acestor etichete, se va crea o casuta mai mare unde se va introduce mesajul dorit.
Atributele etichetei <textarea> sunt urmatoarele:
- name | numele casutei;
- cols | specifica pe cate coloane se va intinde casuta;
- row | specifica pe cate randuri se va intinde casuta;

    EXEMPLU:

 

<html>

<head>
<title>Untitled 1</title>
</head>
<body bgcolor="yellow">

<form method="post" action="adresa">

Username: <input type="text" name="nume" size="9" maxlenght="20"><br />
Password: <input type="password" name="parola" size="9" maxlenght="20"><br />

<input type="submit" value="Send"> </form>

</form>

</body>

</html>

Username:
Password:

   

Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12   Logo Google  Logo twitter