Iată un exemplu de cod html pentru pagina de conectare. În acest exemplu, am afișat un câmp de text, Parolă, butonul Reset și butonul Login. Am folosit butonul Reset care resetează toate câmpurile la gol. Am setat numele de utilizator si parola valoare.

Iată un exemplu de cod html pentru pagina de conectare. În acest exemplu, am afișat un câmp de text, Parolă, butonul Reset și butonul Login. Am folosit butonul Reset care resetează toate câmpurile la gol. Am stabilit numele de utilizator și valoarea parolei.

Iată un exemplu de cod html pentru pagina de conectare. În acest exemplu, am afișat un câmp de text, Parolă, butonul Reset și butonul Login. Am folosit butonul Reset care resetează toate câmpurile la gol. Am folosit validarea JavaScript în pagina de conectare. Am stabilit numele de utilizator și valoarea parolei. Dacă o persoană introduce un nume de utilizator sau o parolă greșită sau ambele, va fi afișat un mesaj de eroare cu „Eroare: Nume de utilizator sau parolă incorectă”. Până când persoana nu introduce numele de utilizator și parola corecte, aceasta nu se va autentifica.

După ce introduceți numele de utilizator și parola corecte, veți fi redirecționat către o altă pagină.

Pagina de conectare este utilizată în majoritatea site-urilor web dinamice pentru a valida utilizatorul pe baza acreditărilor lor. Pentru realizarea paginii de autentificare pentru site-uri se folosesc formulare HTML și elemente HTML. Câmpul text este folosit pentru a accepta numele de utilizator, iar câmpul text al parolei este folosit pentru a accepta parola de la utilizator.

Butonul de trimitere este folosit pentru trimiterea datelor către server pentru validare. Este bine să validați intrarea utilizatorului în browser folosind JavaScript. În acest tutorial creăm un Autentificare HTML codul paginii și validarea introducerii utilizatorului cu JavaScript. În aplicațiile web moderne, validarea pe partea serverului este, de asemenea, foarte importantă, se face pe partea serverului cu programul rulând pe server.

Iată un tutorial video:

Dar în acest tutorial veți învăța să creați o pagină de autentificare în HTML și să validați intrarea utilizatorului cu JavaScript. vedere demonstrație a paginii de conectare HTML.

Iată captura de ecran a paginii de conectare pe care o facem:

Această pagină de conectare afișează câmpurile de text Nume utilizator, Parolă și apoi butoane pentru resetare și Autentificare. Odată ce utilizatorul introduce datele și dă clic pe butonul Conectare, JavaScript este utilizat pentru a valida formularul și este afișat un mesaj de eroare dacă validarea eșuează.

Pagina de autentificare HTML cu validare JavaScript

Pagina de conectare HTML
nume de utilizator:
Parola:

The

Eticheta HTML este inima creării formularului de introducere a utilizatorului în aplicația web care preia datele introduse de utilizator și, în final, le trimite programului de pe partea serverului pentru procesare ulterioară. Datele tuturor câmpurilor de intrare sau ascunse sunt preluate și transmise serverului prin eticheta formular. Butonul „trimite” este folosit pentru a iniția trimiterea datelor din formular către server. De asemenea, puteți utiliza codul JavaScript pentru a trimite formularul. De exemplu, dacă numele formularului dvs. este „loginForm”, atunci următorul cod JavaScript poate fi apelat pentru a trimite formularul în mod programatic.

Definirea etichetelor HTML Formulare HTML pe site

Creăm site-uri web și pagini individuale pe Internet pentru a comunica cu vizitatorii.

Formulare HTML sunt folosite pentru a înregistra vizitatori pe site, pentru sondaje interactive și pentru vot, vă permit să trimiteți mesaje, să faceți cumpărături și așa mai departe. HTML Formularul este creat cu un singur scop: colectarea și apoi transferul de informații pentru procesare către un script de program sau prin e-mail.

Exemplu de formular HTML | Loghează-te

Etichete, atribute și valori

• - determinați forma.
• name="" - definește numele formularului.
• method="" - determină modul în care datele sunt trimise din formular. Valori: „get” (implicit) și „post” . Metoda „post” este mai des folosită, deoarece vă permite să transferați cantități mari de date.
• action="" - determină adresa URL prin care datele sunt trimise spre prelucrare. În cazul nostru - enter_data.php ..
• - definiți elemente de formular precum butoane, comutatoare, câmpuri de text pentru introducerea datelor.
• type="text" - definește un câmp de text pentru introducerea datelor.
• type="parolă" - definește un câmp pentru introducerea unei parole, în timp ce textul este afișat ca asteriscuri sau cercuri.
• type="checkbox" - definește un buton radio.
• type="hidden" - definește element ascuns forme – folosite pentru a transmite Informații suplimentare la server.
• size="25" - lungimea câmpului de text în caractere.
• maxlength="30" - numărul maxim permis de caractere introduse.
• value="" - definește valoarea care va fi trimisă pentru procesare dacă se referă la butoane radio sau butoane radio. Valoarea acestui atribut ca parte a unui câmp de text sau a unui buton va fi afișată ca, de exemplu, John sau Login în exemplul de mai sus.

Exemplu de formular HTML | Comentarii pe site

Nume Poștă

Etichete, atribute și valori

• action="http://site/comments.php" - determină adresa URL la care vor fi trimise datele din formular.
• id="" - definește numele, identificatorul elementului de formular.
• name="" - definește numele elementului de formular.
• - definiți un câmp de text în formular.
• cols="" - determină numărul de coloane din câmpul text al formularului.
• rows="" - Specifică numărul de rânduri pentru câmpul de text al formularului.

Dacă între pune text, acesta va fi afișat în interiorul casetei ca exemplu care este ușor de eliminat.

Exemplu de formular HTML | Lista verticală

Prima poziție Poziția a doua pozitia a treia pozitia a patra

Etichete, atribute și valori

• - definiți o listă cu articole din care să alegeți.
• size="" - determină numărul de poziții vizibile din listă. Dacă valoarea este 1, avem de-a face cu o listă derulantă.
• - definiți pozițiile (punctele) listei.
• value="" - conține valoarea care va fi trimisă prin formular către adresa URL specificată pentru procesare.
• selected="selected" - selectează elementul din listă ca exemplu.

Exemplu de formular HTML | Lista cu bara de defilare

Prin creșterea valorii atributului size="", obținem o listă cu o bară de derulare:

Prima poziție A doua poziție A treia poziție A patra poziție

Prima poziție Poziția a doua pozitia a treia pozitia a patra

Pentru această opțiune, folosim indicatorul multiple="multiple", care face posibilă selectarea mai multor elemente. Absența acestuia vă permite să selectați un singur articol.

type="submit" - definește un buton.

type="reset" - definește un buton de resetare.

value="" - definește eticheta butonului.

Vezi suplimentar:

După cum știți deja, clientul web are capacitatea de a trimite diverse informații către serverul web folosind cereri GET și POST. Formulare HTML este instrumentul principal pentru crearea unor astfel de interogări. În esență, un formular HTML este un câmp sau câmpuri pentru introducerea de informații pe o pagină web. Un bun exemplu de formular HTML este formularul de autentificare și introducere a parolei pentru autorizarea pe site.

Un formular HTML este descris folosind o etichetă pereche formă. Această etichetă are două atribute importante: metodăși acțiune. Atributul metoda specifică tipul cererii HTTP (get sau post), atributul acțiune specifică documentul solicitat, adică calea către fișierul care va fi solicitat. Calea poate fi fie absolută (indicând domeniul site-ului) fie relativă. De exemplu:

<metoda formularului = "get" action = "/login.php" > ... </form>

Există mai multe tipuri diferite de elemente de intrare care se potrivesc într-un formular. Elementul cu care aș dori să încep se numește Trimite:

<tip de intrare = „trimite” valoare = „(!LANG:Conectează-te" / > !}

Elementul este un buton, pe care făcând clic, rezultă executarea unei cereri HTTP. Atribut valoare setează legenda pentru buton. Un formular poate conține mai multe elemente de trimitere. Pentru a determina în documentul solicitat pe care dintre butoane a fost apăsat, este necesar să setați atributele de trimitere a elementelor Nume. De exemplu:

<metoda formular = "get" action = "/control.php" > <tip de intrare = „trimite” nume = „trimite” valoare = „(!LANG:Adăugați" / > !} <tip de intrare = „trimite” nume = „trimite” valoare = „(!LANG:Edit" / > !} </form>

Când faceți o solicitare, browserul web va include un parametru HTTP care caracterizează elementul de trimitere pe care ați făcut clic. Valoarea atributului de nume al butonului apăsat va fi luată ca nume de parametru, iar valoarea atributului de valoare ca valoare. Astfel, când faceți clic pe butonul Adaugă, va fi generată o interogare:

/control.php?submit=Adăugați

și când faceți clic pe butonul Editați:

/control.php?submit=Editare

Următorul element este cel mai simplu element pentru introducerea textului pe o singură linie. Codul său HTML este:

<tip de intrare = "text" nume = "nume" />

name este un atribut obligatoriu pentru a participa la cererea HTTP. Valoarea acestui atribut va fi folosită ca nume al parametrului HTTP. Acest atribut este disponibil pentru toate tipurile de elemente de formular.

De asemenea, puteți seta atributul valoare unui element, specificând în el textul care va fi introdus implicit în element. De exemplu:

<tip de intrare="text" name="login" value= "Nume de utilizator" / >

Element parola folosit pentru introducerea parolelor. În exterior, este același, dar textul introdus este afișat ca asteriscuri sau puncte:

<inputtype="parolă" />

Acest lucru, în principiu, este suficient pentru a crea cea mai simplă formă autorizare. Să încercăm să o implementăm și apoi să revenim la luarea în considerare a altor tipuri de elemente.

Să creăm un fișier auth.php în directorul rădăcină cu următorul conținut:

<html xmlns= „http://www.w3.org/1999/xhtml”> <cap> <titlu > Autorizare</titlu> <meta http-equiv = „Content-Type” content = „text/html;charset=utf-8” / > </cap> <corp > <metoda formularului = "get" action = "/auth.php" > <masa > <tr > <td > Nume de utilizator:</td> <td > <tip de intrare="text" name="login" value="" /> </td> </tr> <tr > <td > Parola:</td> <td > <tip de intrare = "parolă" nume = "trecere" valoare = "" /> </td> </tr> </table> <tip de intrare = „trimite” valoare = „(!LANG:Conectează-te" / > !} </form> </corp> </html>

După cum puteți vedea, înăuntru eticheta de formular puteți plasa etichete care ajută la marcarea frumos a formularului (am pus o masă înăuntru). Formularul conține câmpuri pentru nume de utilizator și parolă numite login și, respectiv, pass. Făcând clic pe „Login” generează o solicitare GET pentru documentul /auth.php (adică pagina se solicită în sine). În cazul meu, arăta adresa URL completă a paginii http://test-domain3/auth.php.

Introduceți datele dvs. și faceți clic pe „Autentificare”. Pagina ar trebui să se reîncarce. Ar trebui să se schimbe și adresa paginii. În cazul meu, a luat forma:

http://test-domain3/auth.php?login=Joker-jar&pass=12345

Aceasta înseamnă că documentul auth.php a fost solicitat cu parametrii GET care au fost introduși folosind un formular HTML. Plasați la începutul fișierului auth.php un handler PHP care va primi date pentru autorizare:

//--Verifică dacă datele au fost transferate if ( isset ($_GET [ "login" ] ) && isset ($_GET [ "trece" ] ) ) ( ecou "Nume de utilizator: ". $_GET [ „autentificare” ] . ", parola Dvs: " . $_GET [ "trece" ] ; Ieșire; ) ?>

Dacă un nume de utilizator și o parolă au fost transmise paginii, condiția va fi declanșată și va fi afișat un mesaj. va fi de asemenea chemat Ieșire, care va opri execuția ulterioară a scriptului, prin urmare formularul nu va fi afișat.

Transmiterea parolei cu o solicitare GET nu este sigură, deoarece este vizibilă în bara de adrese. Schimbați tipul de solicitare la POST. Pentru a face acest lucru, să schimbăm valoarea atributului metodei, iar în handlerul PHP pentru accesarea matricei $_GET, să-l schimbăm în $_POST. Verificați dacă scriptul funcționează.

Următorul element este Caseta de bifat. Este utilizat atunci când este necesar un răspuns da/nu din partea utilizatorului:

<inputtype="caseta de selectare" />

Dacă caseta de selectare este debifată, nu se trece nimic în parametri. În caz contrar, parametrul nume este transmis cu valoarea pe. Mai este un punct. De regulă, lângă steag există o inscripție explicativă. Este o practică bună pentru webmaster să implementeze un răspuns cu casetă de selectare la clicurile pe această legendă. Acest lucru se face simplu. Casetei de selectare i se atribuie un ID specific, iar inscripția în sine este decorată cu o etichetă eticheta cu atribut pentru, a cărui valoare este egală cu ID-ul casetei de selectare:

<tip de intrare = "checkbox" id = "remember" name = "remember" /> <label for="remember"> Să-mi amintească de mine</label>

Un element similar este utilizat pentru a selecta un răspuns dintr-un set de valori. Să presupunem că utilizatorul trebuie să aleagă una dintre cele trei culori:

<tip de intrare = „radio” id = „roșu” nume = „culoare” valoare = „(!LANG:red" / > !} <etichetă pentru="roșu"> roșu</label> <br/> <tip de intrare = „radio” id = „verde” nume = „culoare” valoare = „(!LANG:verde" / > !} <label for="verde"> Verde</label> <br/> <tip de intrare = "radio" id = "albastru" nume = "culoare" valoare = "(!LANG:albastru" / > !} <etichetă pentru="albastru"> Albastru</label> <br/>

Rețineți că toate elementele aceeași valoare Nume. Se poate selecta o singură valoare. Valoarea elementului selectat va fi transmisă parametrului HTTP, de exemplu culoare=albastru.

Pentru ca unul dintre elemente să fie selectat inițial, de exemplu, primul, trebuie să setați atributul verificat cu sens verificat(standard XHTML):

<tip de intrare = „radio” id = „roșu” nume = „culoare” valoare = „(!LANG:red" checked = "checked" / > !}

Există un element special pentru introducerea unui text mare cu mai multe linii zona textului:

<textarea rows="6" cols="20" name="text"> Text în interiorul unui element</textarea>

Text în interiorul unui element

Acest element, după cum puteți vedea, este diferit de cele anterioare. El este etichetă pereche, iar textul este plasat nu în atribut, ci în corpul etichetei. Elementul are și un atribut de nume. Cu atributul rânduri puteți seta numărul de rânduri din element, cols- numărul de caractere din șir. Elementul textarea este folosit, de regulă, în formularele POST. implică introducerea unui text lung (de exemplu, un formular de postare pe forum).

Lista verticală. Trebuie să fi întâlnit un astfel de element în programe. Vă permite să selectați o valoare dintr-un set. Codul elementului este, de asemenea, neobișnuit. În primul rând, este creat un element container Selectați, i se dă atributul nume:

<selectați name="towns"> </selectare>

Elementele din listă sunt plasate în interiorul containerului. Elementul din listă este o etichetă pereche opțiune, fiecărui element i se atribuie un atribut de valoare. În corpul elementului, inscripția elementului este scrisă:

<selectați name="town"> <valoarea opțiunii = "(!LANG:msk" > !} Moscova</opțiune> <valoarea opțiunii = "(!LANG:vlad" > !} Vladivostok</opțiune> <valoarea opțiunii = "(!LANG:nsk" > !} Novosibirsk</opțiune> </selectare>

Cererea HTTP primește un parametru cu numele, numele și valoarea valorii elementului selectat, de exemplu town=vlad. În mod implicit, primul element al listei este selectat, dacă doriți să fie selectat un alt element, setați-i atributul selectat cu sens selectat:

<valoarea opțiunii = "(!LANG:vlad" selected = "selected" > !} Vladivostok</opțiune>

Lista de valori. Dacă elementului select i se dă atributul mărimea cu o valoare numerică, meniul derulant se va transforma într-o listă de valori. În acest caz, valoarea atributului dimensiune va determina dimensiunea verticală a elementului:

<selectați name="town" size="3"> <valoarea opțiunii = "(!LANG:msk" > !} Moscova</opțiune> <valoarea opțiunii = "(!LANG:vlad" > !} Vladivostok</opțiune> <valoarea opțiunii = "(!LANG:nsk" > !} Novosibirsk</opțiune> </selectare>

Moscova Vladivostok Novosibirsk

Dacă elementului select i se dă atributul multiplu cu sens multiplu(standard XHTML), atunci va fi posibil să selectați mai mult de un element în același timp (de exemplu, ținând Tasta Ctrl). În acest caz, toate elementele selectate cu aceleași nume vor fi transmise în cererea HTTP, de exemplu: oraș=msk&oraș=vlad&oraș=nsk.

Uneori este necesar să treceți un parametru într-o solicitare HTTP pe care utilizatorul nu ar trebui să îl editeze și, uneori, chiar să îl vadă. Să presupunem că implementați un formular de editare a știrilor. În cererea HTTP, trebuie să transmiteți ID-ul acestei știri. Pentru cazuri ca acesta, există un element de formular HTML ascuns:

<tip de intrare="ascuns" nume="param" value="" />

Acest element nu va fi vizibil pe formular, dar parametrul HTTP nume=valoare va fi transmis atunci când se face cererea.

Uneori, un element care șterge o formă poate fi util. Buton, atunci când este apăsat, toate datele introduse de utilizator în formular sunt șterse:

<tip de intrare = „resetare” valoare = „(!LANG:Resetare" / > !}

Elementele enumerate au două atribute speciale:

readonly="readonly" - interzice modificarea informațiilor din element („readonly” mode);
disabled="disabled" - face elementul inactiv.

Există, de asemenea, un element pentru selectarea unui fișier care va fi încărcat pe serverul web atunci când este trimis formularul, dar mai multe despre asta, poate, într-un articol separat.

Formularele de autentificare pot fi găsite pe site-uri web cu forumuri, magazine, WordPress și, în mare parte, tot ce este de pe internet necesită formular de autentificare undeva pentru a avea acces la ceva. Întregul web este incomplet fără formulare de autentificare și formulare de înregistrare, înscrieri.

Formele HTML vor fi primele pe care le întâlnim cei mai mulți dintre noi și cu CSS adecvat, care dă stil structurii HTML. În cele mai recente versiuni HTML, cred că HTML pare să fi optat pentru CSS3 ca opțiune implicită de stil al structurii. Oricum, ceea ce găsiți aici sunt formularele HTML, CSS preproiectate, construite de dezvoltatorii front-end și distribuite publicului în mod gratuit.

Încercați să utilizați toate aceste șabloane de formulare de autentificare gratuite, deoarece majoritatea dintre ele au și funcții de validare HTML prefabricate, precum și unele opt jQuery sau validare HTML (cum ar fi formularul de autentificare/înregistrare cu contorul de permis de mai jos).

Această listă nu s-a terminat încă, sunt interesat să găsesc noi modele de formulare de conectare, așa că voi continua să actualizez aceste liste cu noi șabloane de formulare de conectare când vor apărea în 2017. Rămâi la curent.

Formular roșu de conectare

Un formular de conectare simplu și eficient pentru site-ul dvs., care necesită câmpuri de intrare de bază și fără programare suplimentară.

Un formular de autentificare plat conceput pentru site-ul dvs. care este deja plat. Descărcați și utilizați acest șablon în orice scop.

Ai nevoie de o conectare rapidă pentru clienții tăi? Nu vă faceți griji, acest formular de conectare frumos vă va ajuta să mergeți fără bătăi de cap. Descărcați codul sursă și verificați demonstrația deoarece puteți pune un nume de utilizator și o parolă exemplu în câmpuri și puteți încerca să vă autentificați. Veți fi direcționat către o pagină de profil din aceeași, care arată minunat cu un buton de deconectare care arată animația de deconectare.

Odată ce designul de materiale Google devine popular față de designul plat, putem vedea un formular de conectare profund și atent umbrit și un formular de înregistrare în acest șablon css3.

Aici primești un alt formular de conectare genial pentru site-ul tău de afaceri cu opțiunea de a ascunde/afișa câmpurile de conectare. Designul bine codificat css/html/js vă va oferi o încărcare mai bună fără a modifica viteza actuală a site-ului.

Formular de conectare minim cu animație fluidă

O animație fluidă a formularului de autentificare care deschide secțiunea de conectare făcând clic pe o imagine sau pe un buton după cum aveți nevoie.

Formular de autentificare minimalist cu css

Aici veți găsi o interfață de utilizare a formularului de autentificare, care este plasată pe un fundal de ecran complet. The descărcare fișier vă va oferi css și html pentru implementarea ușoară a acestei autentificare pe site-ul dvs.

Formular de conectare animat

Animațiile de clic afișate pe câmpurile de text sunt geniale, care afișează o mică animație glisantă a pictogramelor de utilizator și parolă. Puteți apoi să vă autentificați în formular pentru a urmări un pre-încărcare de autentificare, precum și un bloc de bun venit înapoi. Această descărcare conține toate fișierele sursă pentru a implementa un formular de conectare pentru propriul site web.

Conectare elegantă

Aceasta este o versiune simplă a formularului de autentificare pe care o puteți afișa pe site-ul dvs. web, deoarece aceasta are, de asemenea, un impact mai mic asupra vitezei site-ului cu codul minim.

Calm ecran de conectare

Un formular de conectare curat, cu fundal animat, oferind o senzație relaxantă întregii pagini. Descărcați întreg șablonul în format zip de pe codepen.

Formular de autentificare și înscriere

Integrați acest formular fluid de autentificare și înscriere pe site-ul dvs. web cu ușurință. Fișierul zip cu această descărcare vă va oferi șabloane css, html și js. Înscrierea la rețelele sociale este disponibilă și cu opțiuni de afișare/ascundere a parolei pentru o introducere ușoară a parolei pe ecran.

Formular de autentificare cu Creare cont

Un formular de conectare care se afișează cu efect de fadein este doar amuzant de urmărit. Acest efect poate fi observat doar în câteva forme moderne de conectare. Folosiți clic pe mine pentru a schimba formularul pentru a vă înscrie sau a crea formular.

Un formular de autentificare în stil minimal cu design plat poate fi descărcat de la linkul de mai jos. Validarea HTML este disponibilă și setată în acest șablon de conectare.

Descarca

Șablon de formular minim pentru autentificare

O validare pentru e-mail este în loc și acest șablon este pur css, html, fără module jquery fanteziste.

Descarca

Formular de înregistrare/autentificare

Un singur formular pentru a vă autentifica pe site, precum și o opțiune de înscriere, înregistrare care poate fi răsturnată cu un clic. Chiar dacă zonei de înscriere lipsesc unele câmpuri importante, aceasta este totuși o formă mai bună, cu toate funcțiile puternice.

Descarca

Acest formular de conectare este ascuns dacă nu faceți clic pe linkul de conectare. Aceasta este o caracteristică foarte utilă pentru site-ul modern, care poate evita o pagină suplimentară pentru autentificare. Afișați autentificarea pe orice pagină care vă place cu acest formular de conectare puternic.

Descarca

Este furnizat atât ca PSD, cât și ca versiune HTML/CSS complet codificată, astfel încât să puteți începe imediat să îl integrați.

Formular de conectare (codat)

Un formular de conectare profesional. Descărcarea include fișierul PSD și, de asemenea, am simțit chef de codificare, așa că am inclus și fișierele xHTML, Js și CSS.

Descarca

Formular alb de conectare simplu

Un formular de autentificare curat și simplu, cu un buton rotund de trimitere și stări de focalizare elegante.

Pur și simplu formular de autentificare

Pur și simplu formular de autentificare stilat și proiectat exclusiv folosind CSS3. Formularul este creat folosind un marcaj destul de simplu și stilizat folosind proprietăți CSS3 foarte simple.

Descarca

se intoarce

Utilizare

Model de utilizare

wp_login_form(array("echo" => true, "redirect" => site_url($_SERVER["REQUEST_URI"]), "form_id" => "loginform", "label_username" => __("Username"), "label_password" " => __("Parolă"), "label_remember" => __("Reține-mă"), "label_log_in" => __("Log In"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => NULL, "value_remember" => false)); $args (șir/matrice) O serie de argumente care controlează rezultatul.
Implicit: opțiuni implicite

Argumentele parametrului $args

ecou (logic) Afișează (1) sau returnează (0).
Implicit: 1 redirecţiona (linia) Adresa URL la care va fi transferată după autorizare.
Mod implicit: pagina curenta form_id (linia) atributul etichetei id

.
Implicit: „loginform” label_username (linia) Textul titlului câmpului „nume utilizator”.
Implicit: "__("Nume de utilizator")" etichetă_parolă (linia) Textul titlului câmpului „parolă”.
Parolă împlicită")" label_remember (linia) Textul legendei pentru câmpul „Ține-mă minte”.
Implicit: „__(„Ține minte”)” label_log_in (linia) Trimite textul butonului.
Implicit: "__("Log In")" id_nume utilizator (linia) valoarea atributului id:
Implicit: „user_login” id_parolă (linia) valoarea atributului id:
Implicit: „user_pass” id_remember (linia) valoarea atributului id:
Implicit: „ține minte” id_submit (linia) valoarea atributului id:
Implicit: „wp-submit” tine minte (logic) Amintiți-vă valorile câmpurilor (1) sau nu (0).
Implicit: 1 value_username (linia) Nume de utilizator implicit.
Mod implicit: "" value_remember (linia) Valoarea atributului valoare, câmpul „ține minte”. Valoarea implicită este 1 - caseta de selectare este bifată. 0 - nebifat.
Implicit: 1

Exemple

#unu. Afișare în formă normală:

Va afișa:

Autentificare

Parola

Să-mi amintească de mine

#2 Lăsați pe aceeași pagină când introduceți o autentificare/parolă incorectă

În mod implicit, dacă într-un astfel de formular este introdus un jurnal incorect, utilizatorul va fi redirecționat către pagina de bază autorizație care indică o eroare.

Pentru a schimba acest lucru și a lăsa utilizatorul pe aceeași pagină, chiar dacă a introdus date greșite, puteți folosi hook-ul wp_login_failed:

## Lăsează utilizatorul pe aceeași pagină când introduce o autentificare/parolă incorectă în formularul de conectare wp_login_form() add_action("wp_login_failed", "my_front_end_login_fail"); function my_front_end_login_fail($username) ( $referrer = $_SERVER["HTTP_REFERER"]; // de unde a venit cererea // Dacă există un referrer și aceasta nu este o pagină wp-login.php if(!empty($referrer) ) && !strstr($ referrer,"wp-login") && !strstr($referrer,"wp-admin")) ( wp_redirect(add_query_arg("login", "failed", $referrer)); // redirecționează și adăugați parametrul de interogare?login= ieșire eșuată; ))

#3 Formular de înregistrare WordPress

Pentru afișarea formularului de înregistrare, nu este prevăzută o funcție specială. Prin urmare, formularul poate fi afișat scriind propriul cod HTML. Iată un exemplu de astfel de cod HTML pentru formularul de înregistrare:

"metod="post">

Nume de utilizator

E-mail

Confirmarea înregistrării va fi trimisă pe e-mailul dumneavoastră.

Lista modificărilor

Din versiunea 3.0.0

Introdus.

Codul formular de conectare wp: wp-includes/general-template.php WP 5.2.3

true, // Valoarea implicită de „redirecționare” duce utilizatorul înapoi la URI-ul solicitării. "redirect" => (is_ssl() ? "https://" : "http://") . $_SERVER[„HTTP_HOST”] . $_SERVER["REQUEST_URI"], "form_id" => "loginform", "label_username" => __("Nume de utilizator sau adresă de e-mail"), "label_password" => __("Parolă"), "label_remember" => __ ("Reține-mă"), "label_log_in" => __("Log In"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => „wp-submit”, „remember” => true, „value_username” => „”, // Setați „value_remember” la true pentru ca caseta de selectare „Remember me” să fie bifată. „value_remember” => false,); /** * Filtrează argumentele implicite de ieșire din formularul de conectare. * * @since 3.0.0 * * @see wp_login_form() * * @param array $defaults O matrice de argumente implicite ale formularului de conectare. */ $args = wp_parse_args($args, apply_filters("login_form_defaults", $defaults)); /** * Filtrează conținutul pentru a fi afișat în partea de sus a formularului de conectare. * * Filtrul evaluează doar după elementul etichetei formularului de deschidere. * * @since 3.0.0 * * @param string $content Conținut de afișat. implicit gol. * @param array $args Matrice de argumente ale formularului de conectare. */ $login_form_top = apply_filters("login_form_top", "", $args); /** * Filtrează conținutul pentru a fi afișat în mijlocul formularului de conectare. * * Filtrul evaluează doar urmând locația în care este afișat câmpul „login-parola” *. * * @since 3.0.0 * * @param string $content Conținut de afișat. implicit gol. * @param array $args Matrice de argumente ale formularului de conectare. */ $login_form_middle = apply_filters("login_form_middle", "", $args); /** * Filtrează conținutul pentru a fi afișat în partea de jos a formularului de conectare. * * Filtrul evaluează chiar înainte de elementul etichetei formularului de închidere. * * @since 3.0.0 * * @param string $content Conținut de afișat. implicit gol. * @param array $args Matrice de argumente ale formularului de conectare. */ $login_form_bottom = apply_filters("login_form_bottom", "", $args); $form = "

" . $login_form_top ."

" .esc_html($args["label_username"). "

" .esc_html($args["label_parola"). "

" . $login_form_middle . " " . ($args["remember"]? "

" .esc_html($args["label_remember"). "

" : "") . "

" . $login_form_bottom ."

"; if ($args["echo"]) ( echo $form; ) else ( return $form; ) )