Formular (HTML)

Formularul ( formularul englezesc  ) în HTML este o secțiune a unui document care permite utilizatorului să introducă informații pentru procesarea ulterioară de către sistem. Sintactic, un formular în HTML este specificat folosind un element și, pe lângă marcajul elementelor obișnuite , conține marcaj pentru controale , etichete și altele [ 1] [ 2] .<form>  

Exemplu

Un formular simplu pentru introducerea datelor despre un utilizator nou [1] :

<!DOCTYPE html> < html > < head > < meta charset = "utf-8" /> < title > Înregistrare </ title > </ head > < body > < form action = "http://example.com/app/profile.php" method = "post" > < p > < label for = "username" > Nume: </ label > < input type = "text" name = "username" /> < br /> < label for = "nick" > Nick: </ label > < input type = "text" name = "nick" /> < br /> < label for = "email" > Adresa de e-mail Poștă: </ label > < input type = "text" name = "email" /> < br /> < label for = "sex" > Podea: </ label > < input type = "radio" name = "sex" value = "masculin" /> masculin < br /> < input type = "radio" name = "sex" value = "female" /> feminin < br /> < input type = "radio" name = "sex" value = "secret" /> nu vreau sa raspund < input type = "submit" value = "Submit" > < input type = "reset" value = "Clear" > </ p > </ form > </ body > </ html >

În acest exemplu, formularul conține trei câmpuri de text pentru introducerea unui șir de text, butoane radio pentru selectarea unui gen, butoane pentru trimiterea ( ing.  submit ) și ștergerea ( ing.  reset ) formularul.

Controale

Controalele sunt folosite pentru interacțiunea utilizatorului cu formularul. Atributul namespecifică numele controlului cu scop în cadrul formularului dat.

Fiecare element de formular are o valoare inițială și o valoare curentă asociată acestuia. Cu unele excepții ( <textarea>, <object>), valoarea inițială poate fi dată de value. Valorile asociate elementelor se pot schimba atunci când utilizatorul sau scripturile (cum ar fi Javascript ) interacționează cu formularul. La ștergere ( ing.  resetare ) elementele formularului capătă valori inițiale. Datele tuturor elementelor de formular active ( ing.  succes ) sunt trimise ( ing.  submit ) pentru prelucrare sub formă de perechi nume-valoare [1] [2] .

Tipuri

Următoarele controale sunt definite în HTML:

  • buton: element <input>de tipuri submit(depunerea unui formular), image(picture-button), reset(ștergerea formularului, aducerea formularului la starea inițială), button(buton), precum și un element <button>(depunerea unui formular);
  • casetă de selectare (căsuță de selectare): tip checkbox;
  • butonul radio : tip radio;
  • meniu: element <select>cu elemente <optgroup>și <option>interior;
  • linie de text: tip textși element <textarea>(câmp text cu mai multe linii);
  • parola: tastați password;
  • câmp ascuns: tip hidden;
  • fișier: tip file.

HTML5 definește elemente suplimentare ( nu există încă suport pentru cross-browser ) [3] :

  • un element <datalist>cu opțiuni de completare automată pentru o linie de text;
  • un element <output>pentru rezultatul unui calcul bazat pe alte câmpuri;
  • un element <keygen>pentru generarea unei perechi de chei pentru utilizare în mecanismul de autentificare .

Elementul <form>

Formularul este setat folosind elementul <form>, în interiorul căruia se află controalele. Pe lângă atributele comune HTML, pot fi prezente <form>următoarele [1] [2] :

  • action(acțiune) este un atribut obligatoriu (nu în HTML5) care conține URI -ul handler-ului de formulare;
  • method(metoda de trimitere a formularului) - un atribut care ia valorile GET (implicit) sau POST;
  • enctype(tip de codificare pentru conținut) - implicit application/x-www-form-urlencoded(întotdeauna pentru metoda GET), dar de obicei se utilizează date multipart/form- ;
  • accept — lista de tipuri MIME pentru descărcarea fișierelor;
  • name - denumirea formularului;
  • onsubmit - handler de evenimente „formular trimis” (pentru scripturi);
  • onreset - handler de evenimente: „form cleared” (și pentru scripturi);
  • accept-charsetlista de seturi de caractere acceptate.

Trimiterea formularului

Există două metode de trimitere a unui formular: GET și POST. Metoda GET este recomandată în cazurile în care nu există efecte secundare, cum ar fi căutarea, în timpul procesării formularelor pe partea serverului. În caz contrar, atunci când modificări la nivelul serverului sunt implicate în bazele de date etc., trebuie utilizată metoda POST [1] .

Vezi și

Note

  1. ↑ 1 2 3 4 5 HTML Language Specification Copie de arhivă din 4 decembrie 2012 la Wayback Machine , traducător: A. Piramidin, intuit.ru, ISBN 978-5-94774-648-8 , 17. Prelegere: Forme.
  2. ↑ 1 2 3 Formulare în documente HTML Arhivat 22 aprilie 2021 la specificația Wayback Machine  W3C pentru HTML4
  3. ↑ HTML5 Form Elements, w3schools (link descendent) . Preluat la 2 decembrie 2012. Arhivat din original la 13 mai 2013.