Etichete pentru formular în html. O formă ceva mai complexă. Exemplu: formular complet de înregistrare

Formularele sunt concepute pentru a trimite date de la utilizator la serverul web. Formularele în HTML pot consta din câmpuri de text și zone de text, casete de selectare și butoane radio și liste derulante. Toate acestea sunt elemente de formă. Fiecare element servește pentru a transmite un anumit sens site-ului.
În esență, un formular HTML este o pagină web pe care vezi zone pentru introducerea informațiilor. După ce completați formularul și faceți clic pe Trimitere, informațiile din formular sunt împachetate și trimise către serverul web pentru procesare de către un script de pe partea serverului (fișier de gestionare). După procesare, o altă pagină web vă este returnată ca răspuns. Următoarea figură demonstrează clar cum funcționează formularul:

Nu este nimic dificil în a crea formulare HTML. Cel mai simplu mod de a vă face o idee despre formulare este să analizați puțin cod HTML și apoi să vedeți cum funcționează. Următorul exemplu arată sintaxa pentru crearea unui formular HTML simplu:

Exemplu: formular HTML simplu

  • Încearcă singur »

Prima mea forma:
Nume:
Prenume:



Formă simplă

Prima mea forma:
Nume:
Prenume:




Element

Formularele sunt inserate în paginile web folosind elementul . Oferă un container pentru tot conținutul formularului, inclusiv elemente precum câmpurile de text și butoanele, precum și orice alte etichete limbaj HTML. Cu toate acestea, nu poate conține alt element .
Pentru a trimite formularul către server, folosiți butonul „Trimite”, același rezultat se va obține dacă apăsați tasta „Enter” în cadrul formularului. Dacă butonul „Trimite” nu este prezent în formular, tasta „Enter” poate fi folosită pentru a trimite.
Majoritatea atributelor elementului afectează prelucrarea formularului, nu designul acestuia. Cele mai comune dintre care sunt acţiuneŞi metodă. Atribut acţiune conține adresa URL la care vor fi trimise informațiile din formular pentru procesare de către server. Atribut metodă este Metoda HTTP, pe care browserele trebuie să le folosească pentru a trimite datele din formular.

Element

Aproape toate câmpurile de formular sunt create folosind elementul (din engleză input - input). Aspect element se modifică în funcție de valoarea atributului său tip:

Iată câteva valori ale atributelor tip:

Introducerea textului și a parolei

Una dintre cele mai multe tipuri simple Elementele de formular este un câmp de text conceput pentru a introduce text dintr-o singură linie. Acest tip introducerea textului este setată implicit și, prin urmare, este câmpul cu o singură linie care va fi afișat dacă uitați să specificați atributul tip. Pentru a adăuga un câmp de introducere a textului dintr-un rând într-un formular, ar trebui să fie în interiorul elementului înregistrează atributul tip cu valoare text:

Câmpul de introducere a parolei este un tip obișnuit câmp de text. Acceptă aceleași atribute ca și un câmp text cu o singură linie. Atribut nume setează numele câmpului de introducere a parolei care va fi trimis la server împreună cu parola introdusă de utilizator. Pentru a crea un câmp de parolă, trebuie să setați atributul parolei la tip(parolă (engleză) - parolă):

Un exemplu de creare a unui formular cu un câmp de parolă:

Exemplu: câmpul pentru parolă

  • Încearcă singur »

Autentificarea dvs.:

Parolă:




Autentificarea dvs.:

Parolă:




Puteți utiliza atributul împreună cu acest atribut lungime maximă, a cărui valoare determină cantitate maxima caractere care pot fi introduse această linie. De asemenea, puteți seta lungimea câmpului de introducere folosind atributul dimensiune. În mod implicit, majoritatea browserelor limitează lățimea unui câmp de text la 20 de caractere. Pentru a controla lățimea elementelor de formular noi, în loc de un atribut dimensiune, vă recomandăm să utilizați foi de stil în cascadă (CSS).
Atribut valoare specifică valoarea care este afișată implicit în câmpul de text atunci când formularul este încărcat. Introducând o valoare implicită în câmp, puteți explica utilizatorului exact ce date și în ce format doriți să introducă utilizatorul aici. Acesta este ca o mostră, pentru că este mult mai convenabil pentru utilizator să completeze formularul, văzând un exemplu în fața lui.

Comutatoare (radio)

Element tip radio creează comutatoare care utilizează un principiu logic OR, permițându-vă să selectați doar una dintre mai multe valori: dacă selectați o poziție, toate celelalte devin inactive. Sintaxa de bază a unui element de comutare este:

Atribut nume pentru comutatoare este necesar și joacă un rol important în combinarea mai multor elemente de comutator într-un grup. Pentru a combina butoanele radio într-un grup, trebuie să setați aceeași valoare a atributului numeŞi sens diferit atribut valoare. Atribut valoare setează valoarea butonului radio selectat pentru a fi trimis către server. Valoarea fiecărui element de buton radio trebuie să fie unică în cadrul grupului, astfel încât serverul să știe ce opțiune de răspuns a ales utilizatorul.
Prezența atributului verificat(din engleză - instalat) la elementul comutator indică care dintre opțiunile propuse ar trebui să fie selectată implicit la încărcarea paginii, dacă este necesar. Acest atribut poate fi setat doar pentru un element buton radio din grup:

  • Încearcă singur »

Câți ani ai?

  1. sub 18 ani
  2. de la 18 la 24
  3. de la 25 la 35
  4. mai mult de 35




Câți ani ai?

  1. sub 18 ani
  2. de la 18 la 24
  3. de la 25 la 35
  4. mai mult de 35



Casete de selectare

Element tip caseta de selectare creează casete de selectare care sunt similare cu butoanele radio prin faptul că oferă utilizatorului posibilitatea de a alege dintre opțiunile pe care le furnizați. Principala diferență față de butoanele radio este că vizitatorul poate selecta mai multe opțiuni simultan, iar steagurile în sine sunt indicate prin pătrate mai degrabă decât cercuri. Ca și în cazul butoanelor radio, un grup de casete de selectare este creat prin alocarea fiecărui element cu aceeași valoare de atribut nume, totuși, fiecare casetă de selectare are propriul său sens. Sintaxa de bază a unei casete de selectare este:

Atribut verificat, ca și în cazul butoanelor radio, specifică că caseta de selectare trebuie bifată în mod implicit atunci când pagina se încarcă. Acest atribut poate fi setat simultan pentru mai multe casete de selectare de grup.
Următorul exemplu de utilizare a casetelor de selectare are mai multe opțiuni implicite de răspuns:

Exemplu: Utilizarea butoanelor radio

  • Încearcă singur »
  1. Jazz
  2. Blues
  3. stâncă
  4. Chanson
  5. Ţară




Ce genuri de muzică vă place?

  1. Jazz
  2. Blues
  3. stâncă
  4. Chanson
  5. Ţară



Butoanele de trimitere și resetare

Element tip depune creează un buton care, atunci când este apăsat, trimite browserul către un script de server pentru a procesa datele introduse de utilizator în formular. Dacă creăm un buton care șterge formularul, atunci atribuim atributul tip valoarea „reset”. element tip depune poate fi atribuit un atribut opțional nume. Atribut valoare folosit în acest element pentru a specifica textul care indică eticheta de pe buton. În mod implicit, browserele au scris „Trimite” pe buton, dacă nu sunteți mulțumit de acest text, introduceți-l singur; Deoarece stilurile butoanelor de confirmare pot diferi în diferite browsere, este mai bine să personalizați singur stilul butonului folosind instrumente CSS sau să utilizați butoane grafice.
Crearea butoanelor de confirmare și ștergere:

Exemplu: se utilizează trimiterea și resetarea

  • Încearcă singur »

Făcând clic pe butonul Resetare, se resetează toate datele introduse de utilizator.







Atributul de acțiune.

Principal pentru element

este un atribut acţiune, care specifică handlerul de date pentru formular. Un handler de date este un fișier care descrie ce trebuie făcut cu datele din formular. Rezultatul acestei procesări este o nouă pagină HTML care este returnată în browser. Cu alte cuvinte, în atribut acţiune specifică calea URL către un fișier handler de pe server (uneori numită pagină de script) pentru procesarea formularului. Sintaxa este următoarea:

…

Fișierul de procesare se află pe server mytestserver.comîntr-un folder folderul de numeși numele script-ului serverului care va procesa datele - obrabotchik.php. Toate datele pe care le-ați introdus în formularul de pe pagina web îi vor fi transferate. Extensia .php indică faptul că formularul specificat este procesat de un script scris în PHP. Managerul în sine poate fi scris într-o altă limbă, de exemplu ar putea fi limbajul de scripting Python, Ruby etc.
Este recomandabil să setați întotdeauna valoarea atributului acţiune. Dacă formularul ar trebui să transmită valori către aceeași pagină în care se află, furnizați un șir gol ca valoare a atributului acțiune: action="".

atributul metodei

Atribut metodă specifică modul în care informațiile ar trebui să fie transferate către server. Metoda de trimitere a formularului pe care o alegeți depinde de datele pe care doriți să le trimiteți împreună cu formularul. Volumul acestor date joacă un rol major aici. Cele mai populare sunt două metode de transfer a datelor sursă ale formularului dvs. din browser pe server: OBŢINEŞi POST. Metoda poate fi setată la oricare alegeți, iar dacă nu o specificați, va fi folosită cea implicită OBŢINE. Să luăm în considerare utilizarea fiecăruia dintre ele.

metoda POST

Metodă POST pachetele formează date și le trimite către server fără ca utilizatorul să observe, deoarece datele sunt conținute în corpul mesajului. Browser web, atunci când utilizați metoda POST trimite o cerere către server constând din anteturi speciale urmate de date de formular. Deoarece conținutul acestei solicitări este disponibil numai pentru server, metoda POST folosit pentru a transfera date confidențiale, cum ar fi parole, detalii carduri bancareși alte informații personale ale utilizatorilor. Metodă POST potrivită și pentru trimiterea unor volume mari de informații, deoarece spre deosebire de metodă OBŢINE, nu are restricții privind numărul de caractere transmise.

metoda GET

După cum știți deja, sarcina principală a unui browser este să primească pagini web de la server. Deci, când folosești metoda OBŢINE, browserul dvs. preia pur și simplu pagina web așa cum o face întotdeauna. Metodă OBŢINE de asemenea, include datele formularului, dar le adaugă la sfârșitul adresei URL înainte de a trimite cererea către server. Pentru a înțelege cum funcționează metoda OBŢINE, să-l vedem în acțiune. Deschideți primul exemplu din această lecție (Exemplu: Formular HTML simplu) în Notepad (de exemplu Notepad++) și faceți o mică modificare a codului HTML:

aceste. înlocui POST pe OBŢINE.
Salvați fișierul sub numele nume_fișier.htmlși reîmprospătați pagina browserului (F5), apoi completați formularul, de exemplu Vasya Pupkinși faceți clic pe butonul „Trimite”. În bara de adrese a browserului dvs. veți vedea ceva de genul acesta:

File_name.html?firstname=Vasya&lastname=Pukin

Acum puteți vedea numele fiecărui element de formular, precum și valoarea acestuia, chiar aici în adresa URL.
Adresa URL este separată de restul datelor din formular printr-un semn de întrebare, iar numele și valorile variabilelor sunt separate printr-un ampersand (&) .
Această metodă ar trebui utilizată dacă nu transferați cantități mari de informații.
Această metodă nu va funcționa dacă datele din formularul dvs. sunt sensibile, cum ar fi stocarea unui număr de card bancar sau a unei parole.
În plus, metoda OBŢINE este nepotrivit dacă doriți să trimiteți fișiere către server împreună cu formularul.

Gruparea elementelor de formular

Elementele de formular care sunt legate în sens pot fi grupate între etichete

Şi
. Se va afișa browserul
sub forma unui cadru în jurul unui grup de elemente de formă. Aspectul cadrului poate fi modificat folosind Cascading Style Sheets (CSS).
Pentru a adăuga un titlu pentru fiecare grup, veți avea nevoie de un element , care specifică textul titlului grupului care va fi încorporat în cadru.

Formularele pot fi găsite pe aproape toate site-urile de pe Internet. De exemplu, atunci când introduceți datele de conectare și parola pe un site web, datele sunt completate prin formulare și trimise la server. De asemenea, un exemplu de formular sunt diverse anchete.

Sintaxa etichetelor

...

Etichetă

are un atribut de acțiune foarte important, căruia i se atribuie adresa (URL-ul) scriptului la care sunt trimise pentru procesare informațiile primite din formular. Nu vom intra în detalii despre ceea ce se întâmplă după ce datele sunt trimise, deoarece aceste probleme sunt deja rezolvate nu prin html, ci prin metodele GET și POST în PHP.

Exemplul 1. Formular HTML cu butoane

Acestea vor fi butoanele:
Butonul unu
Butonul doi
Butonul trei






După ce faceți clic pe OK, pagina se va reîmprospăta pur și simplu, deoarece... nu am specificat parametrul de acțiune

Se convertește în următoarele pe pagină:

Acestea vor fi butoanele:
Butonul unu
Butonul doi
Butonul trei
Și acesta va fi un câmp de text. De exemplu, vă puteți introduce datele de conectare aici

Și acesta va fi un câmp de text mare. De exemplu, puteți introduce informații despre dvs. aici

După toate cele de mai sus, va apărea un buton OK

După ce faceți clic pe OK, pagina se va reîmprospăta pur și simplu, deoarece... nu am specificat parametrul de acțiune

Explicații de exemplu

  • action="" - indică faptul că prelucrarea datelor va avea loc pe aceeași pagină.
  • - atributul type="radio" indică faptul că trebuie să afișați textul după acest cod ca buton de selecție. Numele și atributul de valoare în această etichetă pentru noi acum joacă un rol mic, pentru că Nu studiem php acum (vezi lecțiile php).
  • - atributul type="text" indică faptul că acesta va fi un câmp text. Există, de asemenea, două atribute importante aici: nume (pentru php) și valoare (valoare implicită).
  • - atributul type="textarea" indică faptul că acesta va fi un câmp de text mare. Singura diferență față de cazul precedent este că vă permite să înregistrați o cantitate mare de text.
  • - atributul type="submit" indică faptul că acesta este un buton. Atributul value conține ceea ce va fi scris pe buton.

Puteți citi mai multe despre toate aceste elemente în lecția 15: elemente de etichetare

, unde sunt luate în considerare butoanele radio, listele, casetele de selectare, câmpurile de text, butoanele.

Acum să aruncăm o privire mai atentă la toate atributele etichetei .

Atribute și proprietăți de etichetă

1. Atribut accept-charset="Codificare"- definește codificarea în care serverul poate accepta și procesa datele din formular. Poate lua sensuri diferite, de exemplu, CP1251, UTF-8 etc.

2. atribut de acțiune="URL" - adresa script-ului care prelucrează datele transmise din formular. Dacă lăsați această valoare goală, datele vor fi prelucrate în același document în care se află formularul.

3. Atribut autocomplete="on/off" - setează sau dezactivează completarea automată a formularului. Poate lua două valori:

  • pornit - activați completarea automată;
  • off - dezactivați completarea automată;

4. Atribut enctype="parameter" - specifică metoda de codificare a datelor. Poate lua următoarele valori:

  • application/x-www-form-urlencoded- în loc de spații, puneți +, simbolurile precum literele rusești sunt codificate de acestea valori hexazecimale
  • multipart/form-data - datele nu sunt codificate
  • text/securitate - spațiile sunt înlocuite cu un semn +, literele și alte caractere nu sunt codificate.

5. Atribut method="POST/GET" - specifică metoda de trimitere. Poate lua două valori:

  • GET - transmisie de date în bara de adrese (există o limitare a volumului de date trimis)
  • POST - trimite date către server într-o solicitare de browser (poate trimite număr mare date, deoarece fără limitare de volum)

6. Atribut name="name" - setează numele formularului. Cel mai adesea folosit atunci când există mai multe forme, astfel încât să puteți accesa un anumit formular printr-un script.

7. Atributul novalidate - anulează verificarea încorporată a datelor din formular pentru corectitudinea introducerii.

8. Atributul target="parameter" este numele ferestrei sau cadrului în care handlerul va încărca rezultatul returnat. Poate lua următoarele valori:

  • _blank - încarcă pagina într-o nouă fereastră de browser
  • _self - încarcă pagina în fereastra curentă
  • _parent - încarcă pagina în cadrul părinte
  • _top - anulează toate cadrele și încarcă pagina în fereastra completă a browserului

Dragă cititor, acum ați aflat mult mai multe despre etichetă html formă. Acum vă sfătuiesc să treceți la următoarea lecție.


Formularele în HTML sunt cele mai complexe, dar, pe de altă parte, poate cele mai multe subiect interesantîn HTML.

Formularele web permit vizitatorilor site-ului să introducă anumite informații în câmpuri speciale, iar dezvoltatorul le primește într-o formă convenabilă pentru el.

Un exemplu de formular ar putea fi o carte de oaspeți, un chestionar, test online. Formularele se completează la înregistrarea pe site, la plasarea comenzilor într-un magazin online etc.

Folosind HTML, puteți crea un cadru de formular: câmpuri de text, meniuri, liste, butoane, casete de selectare și butoane radio. Adică acele elemente cu ajutorul cărora anumite informații sunt introduse în formular.

Apoi datele introduse în formular sunt trimise către server pentru procesare. Dar HTML este neputincios aici - un program sau script care este atașat la acesta lucrează deja la procesarea formularului. Astfel de programe sunt de obicei scrise în limbajul php sau javascript.

Atributele formularului - etichetă

Pot exista mai multe formulare pe o pagină web ( atât cât are nevoie dezvoltatorul). Fiecare dintre ele începe cu eticheta și se termină cu o etichetă de închidere

.

Atributul acțiune este obligatoriu pentru orice formular - specifică adresa fișierului care servește formularul ( prelucrează datele introduse în acesta).

Atributul method specifică modul în care va fi trimis conținutul formularului. Există două metode - GET și POST. Acum nu are sens să ne adâncim în acești parametri, deoarece subiectul trimiterii de informații folosind metodele GET și POST se referă la limbaje de procesare a datelor ( de exemplu PHP). Este suficient să știi care este exact metoda de transfer date POSTîn cele mai multe cazuri este folosit în forme.

Atributul numelui etichetei

este opțională. Dar dacă există mai multe formulare în document, atunci fiecare dintre ele trebuie să fie identificată cumva de către handler. Prin urmare, prezența atributului nume în acest caz este necesară - specifică numele unic al formularului.

De asemenea, puteți seta codificarea datelor de intrare - atributul accept-charset este responsabil pentru aceasta și, de asemenea, folosind atributul țintă, definiți fereastra în care va fi afișat rezultatul procesării formularului trimis ( într-o fereastră nouă sau curentă).

Dar eticheta în sine nu are sens, deoarece formularul transmite date care mai întâi trebuie introduse undeva!

Introducerea datelor. Câmpuri de formular - etichetă

Etichetă Aceasta este cea mai frecventă etichetă găsită în formulare. Este conceput pentru a crea diverse elemente, folosit pentru a introduce date în formular: acestea sunt câmpuri de text, butoane, casete de selectare, butoane radio.

tipul este atributul principal al etichetei . Setează tipul câmpului ( element) formează:

Valoare de atribut tip="..."

Rezultat

Descriere

Câmp de text cu o singură linie pentru introducerea textului. Atributul size specifică lățimea câmpului în caractere.

Câmp text pentru introducerea unei parole.
Atributul maxlength stabilește numărul maxim de caractere care pot fi introduse

1 2 3

Comutator.
Puteți selecta o singură opțiune dintre cele oferite. Atributul verificat specifică un câmp pre-verificat.

1 2 3

Caseta de selectare.
Există mai multe opțiuni din care să alegeți. Atribut verificat definește un câmp pre-verificat.

Buton.
Atributul value setează eticheta butonului.

Butonul de resetare.
Returnează câmpurile formularului la forma lor originală. Resetați datele introduse.

Buton pentru trimiterea datelor introduse.

Câmp pentru introducerea numelui fișierului trimis.

Buton imagine.
De asemenea, este folosit pentru a trimite date către server. Atributul src specifică adresa fișierului imagine.

Câmp ascuns - invizibil pentru utilizator.

Meniu derulant - Etichete la fel ca eticheta servește la colectarea informațiilor - creează o listă din care pot fi selectate unul sau mai multe elemente. Fiecare element corespunde unei valori, care este trimisă serverului pentru procesare.

Vedere lista fiind creată depinde de valoarea atributului size: with size= "1" ( valoare implicită) lista va fi drop-down.

O valoare diferită pentru atributul dimensiune va corespunde numărului de elemente din listă afișate. De exemplu, cu size="3" , trei elemente vor fi vizibile. Pentru a vizualiza alte elemente din listă ( dacă există) trebuie folosit dungă verticală derulare, care este adăugată automat.

În mod implicit, poate fi selectat un singur element din listă. Adăugarea atributului multiplu la o etichetă și creează fiecare element din listă.

Folosind atributul nume al etichetei





7 minuni ale lumii!




Direcția cardinală este una dintre cele patru direcții principale:

Nord Sud Vest Est

7 minuni ale lumii!

Piramida lui Keops Grădinile suspendate din Babilon Statuia lui Zeus la Olimpia Templul lui Artemis din Efes Mausoleul din Halicarnas Colosul din Rodos Farul din Alexandria

Câmp text cu mai multe linii - etichetă

Dacă conținutul câmpului depășește dimensiunea acestuia, va apărea un glisor.

Exemplu de utilizare a unui formular

Acum să vedem cum funcționează formularul.

Formular de comandă video educațional:


Numele dumneavoastră: *



Comanda dvs.:



Selectați media:


CD


DVD


USB Flash


Adresa ta de e-mail: *



Adresa ta: *





Etichetă

(din engleză formă- formular) instalează un formular pe o pagină web.

Formularul este destinat schimbului de date între utilizator și server. Domeniul de aplicare al formularelor nu se limitează la trimiterea de date către server folosind scripturi client, puteți accesa orice element al formularului, îl puteți modifica și îl puteți aplica la discreția dvs.

Un document poate conține orice număr de formulare, dar un singur formular poate fi trimis la server la un moment dat. Din acest motiv, datele din formular trebuie să fie independente unele de altele.

Pentru a trimite formularul la server, utilizați butonul Trimite, același lucru se poate realiza apăsând tasta Enter din cadrul formularului. Dacă butonul Trimitere lipsește din formular, Tasta Introducere imită utilizarea acestuia.

Când formularul este trimis la server, controlul datelor este transferat către programul specificat de atributul de acțiune al elementului . Anterior, browserul pregătește informații sub forma unei perechi „nume=valoare”, unde numele este definit atributul numelui element , iar valoarea este introdusă de utilizator sau setată la câmpul implicit al formularului. Dacă metoda GET este utilizată pentru a trimite date, bara de adrese poate avea următoarea formă.

Http://www.htmlbook.ru/handler.php?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5

Parametrii sunt listați după semnul de întrebare specificat după adresa programului serverului și sunt separați de un caracter și (&). Literele rusești sunt convertite în reprezentare hexazecimală (în forma %HH, unde HH este codul hexazecimal pentru valoarea caracterului ASCII), spațiul este înlocuit cu un plus (+).

Permis în interiorul recipientului plasați alte elemente, în timp ce formularul în sine nu este afișat în niciun fel pe pagina web, doar elementele din interiorul acestuia sunt vizibile.

Sintaxă

...

Eticheta de închidere este necesară.

WAI ARIA

Valoarea implicită a rolului: formă

Valori valide pentru rol:

  • nici unul
  • prezentare
  • căutare

Atribute

  • accept-charset - Setează codificarea în care serverul poate accepta și procesa date.
  • acțiune - Adresa programului sau documentului care prelucrează datele din formular.
  • autocomplete - Permite completarea automată a câmpurilor formularului.
  • enctype - Modul în care sunt codificate datele din formular.
  • metoda - metoda protocolului HTTP.
  • nume - Numele formularului.
  • novalidate - Anulează validarea încorporată a datelor din formular pentru corectitudinea introducerii.
  • target - Numele ferestrei sau cadrului în care handlerul va încărca rezultatul returnat.

accept-charset

Setează codificarea în care serverul poate accepta și procesa datele din formular.

Sintaxă

...

Valori

Nume de codificare, de exemplu Windows-1251, UTF-8 etc.

Valoare implicită

Setul de codificare pentru pagină.

acţiune

Specifică handlerul că datele formularului sunt accesate atunci când sunt trimise la server. Poate acționa ca un handler program server sau un document HTML care include scripturi pe partea serverului (de exemplu, Parser). După ce handlerul efectuează acțiuni asupra datelor din formular, returnează un nou document HTML.

Dacă atributul acțiune lipsește, pagina curentă reîncarcă, returnând toate elementele de formular la valorile implicite.

Sintaxă

...

Valori

Valoarea este considerată plină sau cale relativă la fișierul server.

Valoare implicită

completare automată

Controlează completarea automată a câmpurilor de formular. Valoarea poate fi suprascrisă de atributul de completare automată pe anumite elemente de formular.

Completarea automată este efectuată de browser, care își amintește valorile scrise prima dată când îl introduceți și apoi le înlocuiește când o introduceți din nou în câmpurile formularului. În acest caz, completarea automată poate fi dezactivată în setările browserului și nu poate fi modificată în acest caz folosind atributul de completare automată.

Când introduceți primele litere ale textului, este afișată o listă de valori salvate anterior, din care puteți selecta ceea ce aveți nevoie.

Sintaxă

...

Valori

  • activat - Activează completarea automată a formularelor.
  • off - Dezactivează completarea automată. Această valoare este de obicei folosită pentru a împiedica browserul să salveze date importante (parole, numere de card bancar), precum și date rar introduse sau unice (captcha).

Valoare implicită

enctype

Determină modul în care datele din formular sunt codificate atunci când sunt trimise la server. De obicei, nu este nevoie să setați atributul enctype, datele sunt înțelese destul de corect din partea serverului. Cu toate acestea, dacă utilizați un câmp de trimitere a fișierului (input type="file"), ar trebui să definiți atributul enctype ca multipart/form-data .

Sintaxă

...

Valori

  • application/x-www-form-urlencoded - Spațiile sunt înlocuite cu +, caracterele precum literele rusești sunt codificate cu valorile lor hexazecimale (de exemplu, %D0%90%D0%BD%D1%8F în loc de Anya).
  • multipart/form-data - Datele nu sunt codificate. Această valoare este utilizată la trimiterea fișierelor.
  • text/plain - Spațiile sunt înlocuite cu un semn +, literele și alte caractere nu sunt codificate.

Valoare implicită

application/x-www-form-urlencoded

metodă

Atributul method îi spune serverului despre metoda de solicitare.

Sintaxă

...

Valori

Valoarea atributului metodei nu face distincție între majuscule și minuscule. Există două metode - obțineți și postați.

  • get - Această metodă este una dintre cele mai comune și este concepută pentru a obține informațiile necesare și a transmite date în bara de adrese. Perechile nume=valoare sunt apoi atașate adresei după semnul întrebării și separate printr-un ampersand (simbol). Comoditatea utilizării metodei get este că adresa cu toți parametrii poate fi folosită în mod repetat, salvând-o, de exemplu, în marcajele browserului și puteți modifica, de asemenea, valorile parametrilor direct în bara de adrese.
  • post - Metoda post trimite date către server într-o solicitare de browser. Acest lucru vă permite să trimiteți Mai mult date decât sunt disponibile pentru metoda get, deoarece postarea nu are o limită de 4 KB. În forumuri sunt folosite cantități mari de date, servicii postale, completarea bazei de date, la trimiterea fișierelor etc.

Valoare implicită

nume

Definește nume unic forme. De obicei, numele formularului este folosit pentru a accesa elementele sale prin scripturi.

Sintaxă

...

Valori

Numele este un set de caractere, inclusiv numere și litere. JavaScript este sensibil la majuscule și minuscule, așa că atunci când accesați un formular după nume prin intermediul scripturilor, utilizați aceeași ortografie ca și atributul nume.

Valoare implicită

nuvalidate

Anulează verificarea încorporată a datelor introduse de utilizator în formular pentru corectitudine. Această verificare este efectuată automat de către browser atunci când formularul este trimis la server și are loc pentru câmpuri , , precum și dacă există un model sau un atribut necesar.

Sintaxă

...

Valori

Valoare implicită

În mod implicit, acest atribut este dezactivat.

ţintă

După ce handlerul de formulare primește datele, returnează rezultatul ca document HTML. Puteți defini cadrul în care se va încărca pagina web rezultată. În acest scop este folosit atribut target, valoarea sa este numele cadrului. Dacă ținta nu este setată, rezultatul returnat este afișat în fila curentă.

Sintaxă

...

Valori

Valoarea este numele cadrului specificat de atributul nume al elementului