Evo primjera html koda stranice za prijavu. U ovom primjeru, prikazali smo jedno tekstualno polje, lozinku, dugme za resetovanje i dugme za prijavu. Koristili smo dugme Reset koji resetuje sva polja na prazna. Postavili smo korisničko ime i lozinku vrijednost.

Evo primjera html koda stranice za prijavu. U ovom primjeru, prikazali smo jedno tekstualno polje, lozinku, dugme za resetovanje i dugme za prijavu. Koristili smo dugme Reset koji resetuje sva polja na prazna. Postavili smo vrijednost korisničkog imena i lozinke.

Evo primjera html koda stranice za prijavu. U ovom primjeru, prikazali smo jedno tekstualno polje, lozinku, dugme za resetovanje i dugme za prijavu. Koristili smo dugme Reset koji resetuje sva polja na prazna. Koristili smo JavaScript validaciju na stranici za prijavu. Postavili smo vrijednost korisničkog imena i lozinke. Ako osoba unese pogrešno korisničko ime ili lozinku ili oboje, prikazat će se poruka o grešci sa "Greška: Netočno korisničko ime ili lozinka". Sve dok osoba ne unese ispravno korisničko ime i lozinku, neće se prijaviti.

Nakon što unesete ispravno korisničko ime i lozinku, bit ćete preusmjereni na drugu stranicu.

Stranica za prijavu se koristi u većini dinamičkih web stranica za provjeru valjanosti korisnika na osnovu njihovih vjerodajnica. Za izradu login stranice za web stranice koriste se HTML forma i HTML elementi. Tekstualno polje se koristi za prihvatanje korisničkog imena, a polje za tekst se koristi za prihvatanje lozinke od korisnika.

Dugme za slanje se koristi za slanje podataka serveru za provjeru valjanosti. Dobro je potvrditi korisnički unos u pretraživaču koristeći JavaScript. U ovom tutorijalu kreiramo a HTML Login kod stranice i validacija korisničkog unosa pomoću JavaScripta. U savremenoj web aplikaciji validacija na strani servera je takođe veoma važna jer se vrši na strani servera sa programom koji radi na serveru.

Evo video tutorijala:

Ali u ovom vodiču ćete naučiti da kreirate stranicu za prijavu u HTML-u i potvrdite korisnički unos pomoću JavaScript-a. pogled demo HTML stranice za prijavu.

Evo snimka ekrana stranice za prijavu koju pravimo:

Ova stranica za prijavu prikazuje tekstualna polja Korisničko ime, Lozinka, a zatim dugmad za resetovanje i Prijava. Nakon što korisnik unese podatke i klikne na dugme Prijava, JavaScript se koristi za provjeru valjanosti obrasca i poruka o grešci se prikazuje ako provjera valjanosti ne uspije.

HTML stranica za prijavu sa JavaScript validacijom

HTML stranica za prijavu
korisničko ime:
Lozinka:

The

HTML oznaka je srce kreiranja obrasca za unos korisnika u web aplikaciji koji uzima podatke za unos korisnika i na kraju ih šalje serverskom programu na dalju obradu. Podaci svih ulaznih ili skrivenih polja se preuzimaju i šalju na server preko form tag-a. Dugme "pošalji" se koristi za pokretanje slanja podataka obrasca na server. Također možete koristiti JavaScript kod za slanje obrasca. Na primjer, ako je ime vašeg obrasca "loginForm", onda se sljedeći JavaScript kod može pozvati za programsko podnošenje obrasca.

Definiranje HTML oznaka HTML forme na sajtu

Izrađujemo web stranice i pojedinačne stranice na Internetu za komunikaciju sa posetiocima.

HTML forme koriste se za registraciju posjetitelja na stranici, za interaktivne ankete i glasanje, omogućavaju vam slanje poruka, kupovinu itd. HTML Obrazac je kreiran za jednu svrhu: prikupljanje i zatim prijenos informacija za obradu u programsku skriptu ili putem e-pošte.

Uzorak HTML obrasca | Prijavite se

Oznake, atributi i vrijednosti

• - odrediti formu.
• name="" - definira naziv obrasca.
• method="" - određuje kako se podaci šalju iz obrasca. Vrijednosti: "get" (podrazumevano) i "post" . Metoda "post" se češće koristi, jer vam omogućava prijenos velikih količina podataka.
• action="" - određuje url po kojem se podaci šalju na obradu. U našem slučaju - enter_data.php ..
• - definirati elemente forme kao što su dugmad, prekidači, tekstualna polja za unos podataka.
• type="text" - definira tekstualno polje za unos podataka.
• type="password" - definira polje za unos lozinke, dok se tekst prikazuje kao zvjezdice ili kružići.
• type="checkbox" - definira radio dugme.
• type="hidden" - definira skriveni element forme - koriste se za prenošenje Dodatne informacije na server.
• size="25" - dužina tekstualnog polja u znakovima.
• maxlength="30" - maksimalni dozvoljeni broj ulaznih znakova.
• value="" - definira vrijednost koja će biti poslana na obradu ako se odnosi na radio dugmad ili radio dugmad. Vrijednost ovog atributa kao dijela tekstualnog polja ili gumba bit će prikazana kao, na primjer, John ili Login u gornjem primjeru.

Uzorak HTML obrasca | Komentari na stranici

Ime Mail

Oznake, atributi i vrijednosti

• action="http://site/comments.php" - određuje url na koji će se slati podaci iz obrasca.
• id="" - definira naziv, identifikator elementa forme.
• name="" - definira ime elementa obrasca.
• - definirati tekstualno polje u obrascu.
• cols="" - određuje broj kolona u tekstualnom polju obrasca.
• rows="" - Određuje broj redova za tekstualno polje obrasca.

Ako između stavite tekst, on će biti prikazan unutar okvira kao primjer koji je lako ukloniti.

Uzorak HTML obrasca | Padajuća lista

Prva pozicija Druga pozicija treća pozicija četvrta pozicija

Oznake, atributi i vrijednosti

• - definirati listu sa stavkama koje možete izabrati.
• size="" - određuje broj vidljivih pozicija liste. Ako je vrijednost 1, imamo posla sa padajućom listom.
• - definirati pozicije (tačke) liste.
• value="" - sadrži vrijednost koju će obrazac poslati na navedeni URL na obradu.
• selected="selected" - odabire stavku liste kao primjer.

Uzorak HTML obrasca | Lista sa trakom za pomeranje

Povećanjem vrijednosti atributa size="" dobijamo listu sa trakom za pomicanje:

Prva pozicija Druga pozicija Treća pozicija Četvrta pozicija

Prva pozicija Druga pozicija treća pozicija četvrta pozicija

Za ovu opciju koristimo oznaku multiple="multiple" koja omogućava odabir više stavki. Njegov nedostatak omogućava vam da odaberete samo jednu stavku.

type="submit" - definira dugme.

type="reset" - definira dugme za resetiranje.

value="" - definira oznaku na gumbu.

Pogledajte dodatno:

Kao što već znate, web klijent ima mogućnost slanja različitih informacija na web server koristeći GET i POST zahtjeve. HTML Forms je glavni alat za kreiranje takvih upita. U suštini, HTML obrazac je polje ili polja za unos informacija na web stranici. Dobar primjer HTML obrasca je obrazac za prijavu i lozinku za autorizaciju na web stranici.

HTML obrazac se opisuje pomoću oznake para formu. Ova oznaka ima dva važna atributa: metoda i akcija. Atribut method specificira tip HTTP zahtjeva (get ili post), atribut action specificira traženi dokument, odnosno putanju do datoteke koja će biti zatražena. Putanja može biti apsolutna (ukazuje na domenu stranice) ili relativna. Na primjer:

<form method = "get" action = "/login.php" > ... </forma>

Postoji nekoliko različitih vrsta ulaznih elemenata koji se uklapaju u obrazac. Element sa kojim bih želeo da počnem se zove submit:

<tip unosa = "submit" value = "(!LANG:Prijava" / > !}

Element je dugme, klikom na koje se izvršava HTTP zahtev. Atribut vrijednost postavlja natpis za dugme. Obrazac može sadržavati više elemenata za slanje. Da bi se u traženom dokumentu utvrdilo na koje dugme je kliknuto, potrebno je postaviti atribute elemenata za slanje ime. Na primjer:

<form method = "get" action = "/control.php" > <input type = "submit" name = "submit" value = "(!LANG:Add" / > !} <input type = "submit" name = "submit" value = "(!LANG:Edit" / > !} </forma>

Prilikom postavljanja zahtjeva, web pretraživač će uključiti HTTP parametar koji karakterizira kliknuti element za slanje. Kao ime parametra uzima se vrijednost atributa name pritisnutog gumba, a vrijednost atributa value kao vrijednost. Dakle, kada kliknete na dugme Dodaj, biće generisan upit:

/control.php?submit=Dodaj

a kada kliknete na dugme Uredi:

/control.php?submit=Uredi

Sljedeći element je najjednostavniji element za unos teksta u jednom redu. Njegov HTML kod je:

<input type="text" name="name" />

name je obavezan atribut za učešće u HTTP zahtjevu. Vrijednost ovog atributa će se koristiti kao ime HTTP parametra. Ovaj atribut je dostupan za sve tipove elemenata obrasca.

Također možete postaviti atribut vrijednosti elementu, navodeći u njemu tekst koji će biti unesen u element po defaultu. Na primjer:

<input type="text" name="login" value= "korisničko ime" / >

Element lozinka koristi se za unos lozinki. Spolja je isto, ali se uneseni tekst prikazuje kao zvjezdice ili tačke:

<inputtype="password" />

Ovo je, u principu, dovoljno za stvaranje najjednostavniji oblik autorizacija. Pokušajmo to implementirati, a zatim se vratimo na razmatranje drugih vrsta elemenata.

Kreirajmo auth.php datoteku u korijenskom direktoriju sa sljedećim sadržajem:

<html xmlns= "http://www.w3.org/1999/xhtml"> <glava > <naslov > Autorizacija</naslov> <meta http-equiv = "Content-Type" content = "text/html;charset=utf-8" / > </head> <tijelo> <form method = "get" action = "/auth.php" > <stol > <tr > <td > Korisničko ime:</td> <td > <input type="text" name="login" value="" /> </td> </tr> <tr > <td > Lozinka:</td> <td > <input type="password" name="pass" value="" /> </td> </tr> </table> <tip unosa = "submit" value = "(!LANG:Prijava" / > !} </forma> </tijelo> </html>

Kao što vidite, unutra formular tag možete postaviti oznake koje pomažu da se lijepo označi obrazac (ja sam stavio tabelu unutra). Obrazac sadrži polja za korisničko ime i lozinku pod nazivom login i pass. Klikom na "Prijava" generiše se GET zahtjev za dokument /auth.php (to jest, stranica sama traži). U mom slučaju, pun URL stranice je izgledao ovako http://test-domain3/auth.php.

Unesite svoje podatke i kliknite na "Prijava". Stranica bi se trebala ponovo učitati. Adresa stranice bi takođe trebalo da se promeni. U mom slučaju, imao je oblik:

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

To znači da je dokument auth.php zatražen sa GET parametrima koji su uneseni pomoću HTML obrasca. Postavite na početak auth.php datoteke PHP rukovalac koji će primati podatke za autorizaciju:

//--Provjeriti da li su podaci preneseni if ( isset ($_GET [ "login" ] ) && isset ($_GET [ "pass" ] ) ) ( echo "Tvoje korisničko ime: ". $_GET [ "login" ] . ", vaša lozinka: " . $_GET [ "prolaz" ] ; Izlaz; ) ?>

Ako su korisničko ime i lozinka proslijeđeni stranici, uvjet će se pokrenuti i prikazati poruka. će također biti pozvan Izlaz, što će zaustaviti dalje izvršavanje skripte, stoga obrazac neće biti prikazan.

Prosljeđivanje lozinke sa GET zahtjevom nije sigurno, jer je vidljivo u adresnoj traci. Promijenite vrstu zahtjeva u POST. Da bismo to uradili, promijenimo vrijednost atributa metode, a u PHP rukovatelju za pristup nizu $_GET promijenimo ga u $_POST. Provjerite radi li skripta.

Sledeći element je polje za potvrdu. Koristi se kada se od korisnika traži da/ne odgovor:

<inputtype="checkbox" />

Ako polje za potvrdu nije označeno, ništa se ne prosljeđuje u parametrima. U suprotnom, parametar name se prosljeđuje sa vrijednošću on. Postoji još jedna stvar. U pravilu se pored zastave nalazi natpis s objašnjenjem. Dobra je praksa da webmaster implementira odgovor u polju za potvrdu na klikove na ovaj natpis. Ovo se radi jednostavno. Polje za potvrdu ima određeni id, a sam natpis je ukrašen oznakom etiketa sa atributom za, čija je vrijednost jednaka ID-u polja za potvrdu:

<input type="checkbox" id="zapamti" name="zapamti" /> <label for="remember"> Da me zapamti</oznaka>

Sličan element se koristi za odabir odgovora iz skupa vrijednosti. Recimo da korisnik treba da odabere jednu od tri boje:

<tip unosa = "radio" id = "crveno" ime = "boja" vrijednost = "(!LANG:crveni" / > !} <label for="red"> Crveni</oznaka> <br/> <tip unosa = "radio" id = "zeleno" ime = "boja" vrijednost = "(!LANG:zeleno" / > !} <label for="green"> Zeleno</oznaka> <br/> <tip unosa = "radio" id = "plavo" ime = "boja" vrijednost = "(!LANG:plava" / > !} <label for="blue"> Plava</oznaka> <br/>

Imajte na umu da svi elementi istu vrijednost ime. Može se odabrati samo jedna vrijednost. Vrijednost odabranog elementa bit će proslijeđena HTTP parametru, na primjer boja=plava.

Da bi jedan od elemenata bio inicijalno odabran, na primjer, prvi, potrebno je postaviti atribut provjereno sa značenjem provjereno(XHTML standard):

<tip unosa = "radio" id = "crveno" ime = "boja" vrijednost = "(!LANG:crveni" checked = "checked" / > !}

Postoji poseban element za unos velikog višelinijskog teksta textarea:

<textarea rows="6" cols="20" name="text"> Tekst unutar elementa</textarea>

Tekst unutar elementa

Ovaj element, kao što vidite, razlikuje se od prethodnih. On je pair tag, a tekst se ne postavlja u atribut, već u tijelo oznake. Element također ima atribut name. Sa atributom redova možete podesiti broj redova u elementu, cols- broj znakova u nizu. Element textarea se po pravilu koristi u POST obrascima. uključuje unos dugog teksta (na primjer, obrazac za poruke na forumu).

Padajuća lista. Sigurno ste naišli na takav element u programima. Omogućava vam da odaberete jednu vrijednost iz skupa. Šifra elementa je također neobična. Prvo se kreira element kontejnera izaberite, daje mu se atribut name:

<odaberite name="gradovi"> </odaberi>

Stavke liste se postavljaju unutar kontejnera. Stavka liste je oznaka za par opcija, svakom elementu se daje atribut vrijednosti. U tijelu elementa ispisuje se natpis elementa:

<odaberite name="grad"> <vrijednost opcije = "(!LANG:msk" > !} Moskva</opcija> <vrijednost opcije = "(!LANG:vlad" > !} Vladivostok</opcija> <vrijednost opcije = "(!LANG:nsk" > !} Novosibirsk</opcija> </odaberi>

HTTP zahtjevu se prosljeđuje parametar s imenom imena i vrijednošću vrijednosti odabranog elementa, na primjer town=vlad. Podrazumevano, prvi element liste je izabran, ako želite da se izabere drugi element, postavite njegov atribut odabrano sa značenjem odabrano:

<vrijednost opcije = "(!LANG:vlad" selected = "selected" > !} Vladivostok</opcija>

Lista vrijednosti. Ako je elementu select dat atribut veličina sa numeričkom vrednošću, padajući meni će se pretvoriti u listu vrednosti. U ovom slučaju, vrijednost atributa size će odrediti vertikalnu veličinu elementa:

<odaberite name="grad" size="3"> <vrijednost opcije = "(!LANG:msk" > !} Moskva</opcija> <vrijednost opcije = "(!LANG:vlad" > !} Vladivostok</opcija> <vrijednost opcije = "(!LANG:nsk" > !} Novosibirsk</opcija> </odaberi>

Moskva Vladivostok Novosibirsk

Ako je elementu select dat atribut višestruko sa značenjem višestruko(XHTML standard), tada će biti moguće odabrati više od jednog elementa u isto vrijeme (na primjer, držanje Ctrl taster). U ovom slučaju, svi odabrani elementi s istim imenima bit će proslijeđeni u HTTP zahtjevu, na primjer: town=msk&town=vlad&town=nsk.

Ponekad je potrebno proslijediti parametar u HTTP zahtjevu koji korisnik ne bi trebao uređivati, a ponekad čak i vidjeti. Recimo da implementirate obrazac za uređivanje vijesti. U HTTP zahtjevu morate prenijeti ID ove vijesti. Za ovakve slučajeve postoji skriveni HTML element obrasca:

<input type="hidden" name="param" value="" />

Ovaj element neće biti vidljiv na obrascu, ali će HTTP parametar name=value biti proslijeđen kada se zahtjev uputi.

Ponekad element koji briše formu može biti od koristi. Dugme, kada se klikne, brišu se svi podaci koje je korisnik unio u formular:

<tip unosa = "reset" vrijednost = "(!LANG:Reset" / > !}

Navedeni elementi imaju dva posebna atributa:

readonly="readonly" - zabranjuje promjenu informacija u elementu (režim "samo za čitanje");
disabled="disabled" - čini element neaktivnim.

Postoji i element za odabir fajla koji će biti postavljen na web server prilikom slanja obrasca, ali o tome, možda, u posebnom članku.

Obrasci za prijavu mogu se naći na web stranicama s forumima, trgovinama, WordPress-om i uglavnom sve što je na internetu zahtijeva prijavu negdje da bi se pristupilo nečemu. Cijeli web je nepotpun bez formulara za prijavu i registraciju, obrazaca za prijavu.

HTML obrasci će biti prvi na koje većina nas naiđe i sa odgovarajućim CSS-om koji daje stil HTML strukturi. U najnovijim verzijama HTML-a pretpostavljam da se HTML odlučio za CSS3 kao svoju zadanu opciju stiliziranja strukture. U svakom slučaju, ono što ćete pronaći ovdje su unaprijed dizajnirani HTML, CSS obrasci koje su izradili front end programeri i podijelili s javnošću za besplatno korištenje.

Pokušajte koristiti sve ove besplatne šablone obrazaca za prijavu jer većina njih također ima unaprijed izgrađene HTML funkcije za provjeru valjanosti, kao i neke opt jQuery ili HTML validacije (kao što je obrazac za prijavu/registraciju sa mjeračem prolaznosti ispod).

Ova lista još nije gotova, zainteresiran sam za pronalaženje novih dizajna obrazaca za prijavu, tako da ću nastaviti ažurirati ove liste novim predlošcima obrazaca za prijavu kada se pojave u 2017. Ostanite sa nama.

Crveni obrazac za prijavu

Jednostavan i efikasan obrazac za prijavu na vašu web stranicu koji zahtijeva osnovna polja za unos i bez dodatnog programiranja.

Dizajn ravnog obrasca za prijavu dizajniran za vašu web stranicu koja je već ravna. Preuzmite i koristite ovaj predložak za bilo koju svrhu.

Zahtijevate brzu prijavu za svoje klijente? Bez brige, ovaj lijepo izgleda formular za prijavu će vas pokrenuti bez ikakvih problema. Preuzmite izvorni kod i provjerite demo jer možete staviti uzorak korisničkog imena i lozinke u polja i pokušati se prijaviti. Bićete odvedeni na stranicu profila na istoj koja izgleda sjajno sa dugmetom za odjavu koje prikazuje animaciju odjave.

Sa google materijalnim dizajnom koji postaje popularan u odnosu na flat dizajn, možemo duboko i pažljivo zasjenjeni vidjeti obrazac za prijavu i obrazac za registraciju u ovom css3 predlošku.

Ovdje dobijate još jedan sjajan formular za prijavu za vašu poslovnu web stranicu s opcijom skrivanja/prikazivanja polja za prijavu. Dobro kodirani css/html/js dizajn će vam omogućiti bolje učitavanje bez narušavanja trenutne brzine web lokacije.

Minimalni obrazac za prijavu sa fluidnom animacijom

Glatka animacija obrasca za prijavu koja otvara odjeljak za prijavu klikom na sliku ili dugme prema potrebi.

Minimalistički obrazac za prijavu sa css

Ovdje ćete pronaći neobičan korisnički interfejs obrasca za prijavu koji je postavljen na pozadini cijelog ekrana. The preuzimanje datotekaće vam dati css i html za jednostavnu implementaciju ove prijave na vašu web stranicu.

Animirani obrazac za prijavu

Animacije klikova prikazane u tekstualnim poljima su sjajne i prikazuju malu klizajuću animaciju ikona korisnika i lozinke. Zatim se možete prijaviti na obrazac da gledate autentifikacijski preloader, kao i povratni blok dobrodošlice. Ovo preuzimanje sadrži sve izvorne datoteke za implementaciju obrasca za prijavu na vašu vlastitu web stranicu.

Elegantna prijava

Ovo je jednostavna verzija obrasca za prijavu koji možete prikazati na svojoj web stranici jer to također ima manji utjecaj na brzinu stranice s minimalnim kodom.

Smireni ekran za prijavu

Čist obrazac za prijavu s animiranom pozadinom koja daje opuštajući osjećaj na cijeloj stranici. Preuzmite cijeli predložak u zip formatu sa codepen-a.

Obrazac za prijavu i registraciju

Integrirajte ovaj tekući obrazac za prijavu i registraciju na svoju web stranicu s lakoćom. Zip datoteka s ovim preuzimanjem će vam pružiti css, html i js šablone. Registracija na društvenim mrežama je također dostupna s opcijama za prikaz/sakrivanje lozinke za jednostavan unos lozinke na ekranu.

Obrazac za prijavu sa Kreiraj nalog

Obrazac za prijavu koji se prikazuje sa fadein efektom jednostavno je zabavno gledati. Ovaj efekat se može vidjeti samo u nekoliko modernih oblika za prijavu. Koristite klik na mene da promijenite obrazac da biste se prijavili ili kreirali obrazac.

Obrazac za prijavu u minimalnom stilu sa ravnim dizajnom možete preuzeti sa linka ispod. HTML validacija je dostupna i postavljena u ovom predlošku za prijavu.

Skinuti

Predložak minimalnog obrasca za prijavu

Validacija za e-poštu je u planu i ovaj tempalte je čisti css, html bez fensi jquery modula.

Skinuti

Obrazac za prijavu/prijavu

Jedinstveni obrazac za prijavu na web stranicu, kao i opcija registracije, registracije koja se može okretati jednim klikom. Iako području za prijavu nedostaju neka važna polja, ovo je ipak bolji oblik sa svim moćnim karakteristikama.

Skinuti

Ovaj obrazac za prijavu je skriven osim ako ne kliknete na link za prijavu. Ovo je vrlo korisna funkcija za modernu web stranicu koja može izbjeći dodatnu stranicu za prijavu. Prikažite prijavu na bilo kojoj stranici koja vam se sviđa pomoću ovog moćnog obrasca za prijavu.

Skinuti

Dostupan je i kao PSD i kao potpuno kodirana HTML/CSS verzija, tako da možete odmah početi s integracijom.

Obrazac za prijavu (kodiran)

Profesionalni obrazac za prijavu. Preuzimanje uključuje PSD datoteku, a također mi je došlo da je kodiram pa sam uključio i xHTML, Js i CSS datoteke.

Skinuti

Bijela jednostavna prijava

Čist i jednostavan obrazac za prijavu s okruglim gumbom za slanje i elegantnim fokusnim stanjima.

Jednostavno prijavni obrazac

Simply Login Form stiliziran i dizajniran isključivo koristeći CSS3. Obrazac je kreiran korištenjem prilično jednostavne oznake i stiliziran korištenjem vrlo osnovnih CSS3 svojstava.

Skinuti

vraća

Upotreba

Obrazac upotrebe

wp_login_form(array("echo" => true, "redirect" => site_url($_SERVER["REQUEST_URI"]), "form_id" => "loginform", "label_username" => __("Korisničko ime"), "label_password " => __("Lozinka"), "label_remember" => __("Zapamti me"), "label_log_in" => __("Prijava"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => NULL, "value_remember" => false)); $args (niz/niz) Niz argumenata koji kontroliraju rezultat.
Podrazumevano: podrazumevane opcije

$args argumenti parametara

echo (logično) Prikaz (1) ili povratak (0).
Podrazumevano: 1 preusmjeravanje (linija) URL na koji će se prenijeti nakon autorizacije.
Zadano: trenutna stranica form_id (linija) atribut id oznake

.
Zadano: "loginform" label_username (linija) Tekst naslova polja "korisničko ime".
Zadano: "__("Korisničko ime")" label_password (linija) Tekst naslova polja "lozinka".
Zadano: "__("Lozinka")" label_remember (linija) Tekst natpisa za polje "zapamti me".
Zadano: "__("Zapamti me")" label_log_in (linija) Pošalji tekst dugmeta.
Zadano: "__("Prijava")" id_username (linija) vrijednost atributa id:
Zadano: "user_login" id_password (linija) vrijednost atributa id:
Zadano: "user_pass" id_remember (linija) vrijednost atributa id:
Zadano: "sjeti me" id_submit (linija) vrijednost atributa id:
Zadano: "wp-submit" zapamti (logično) Zapamtite vrijednosti polja (1) ili ne (0).
Podrazumevano: 1 vrijednost_korisničko ime (linija) Zadano korisničko ime.
Zadano: "" value_remember (linija) Vrijednost atributa vrijednosti, polje "zapamti me". Podrazumevano je 1 - polje za potvrdu je označeno. 0 - neoznačeno.
Podrazumevano: 1

Primjeri

#jedan. Prikaz normalnog oblika:

Prikazat će se:

Ulogovati se

Lozinka

Da me zapamti

#2 Ostavite na istoj stranici kada unesete pogrešnu login/lozinku

Podrazumevano, ako se u takav obrazac unese neispravan dnevnik, korisnik će biti preusmjeren na bazna stranica autorizacija koja ukazuje na grešku.

Da biste ovo promijenili i ostavili korisnika na istoj stranici, čak i ako su unijeli netačne podatke, možete koristiti wp_login_failed hook:

## Ostavlja korisnika na istoj stranici kada unese pogrešnu prijavu/lozinku u formular za prijavu wp_login_form() add_action("wp_login_failed", "my_front_end_login_fail"); function my_front_end_login_fail($username) ( $referrer = $_SERVER["HTTP_REFERER"]; // odakle je došao zahtjev // Ako postoji referer i ovo nije stranica wp-login.php if(!empty($referrer) ) && !strstr($ referrer,"wp-login") && !strstr($referrer,"wp-admin")) ( wp_redirect(add_query_arg("login", "failed", $referrer)); // preusmjeravanje i dodati parametar upita?login= neuspješan izlaz; ) )

#3 WordPress formular za registraciju

Za prikaz obrasca za registraciju nije predviđena posebna funkcija. Stoga se obrazac može prikazati pisanjem vlastitog HTML koda. Evo primjera takvog HTML koda za obrazac za registraciju:

"method="post">

Korisničko ime

Email

Potvrda registracije će biti poslana na Vašu e-mail.

Lista promjena

Od verzije 3.0.0

Uvedeno.

Šifra wp formular za prijavu: wp-includes/general-template.php WP 5.2.3

true, // Zadana vrijednost "preusmjeravanja" vraća korisnika na URI zahtjeva. "preusmjeravanje" => (is_ssl() ? "https://" : "http://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"], "form_id" => "loginform", "label_username" => __("Korisničko ime ili adresa e-pošte"), "label_password" => __("Lozinka"), "label_remember" => __ ("Zapamti me"), "label_log_in" => __("Prijava"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => "", // Postavite "value_remember" na true kao zadanu oznaku "Zapamti me" u polju za potvrdu. "value_remember" => false,); /** * Filtrira zadane izlazne argumente obrasca za prijavu. * * @s obzirom na verziju 3.0.0 * * @see wp_login_form() * * @param niz $defaults Niz zadanih argumenata obrasca za prijavu. */ $args = wp_parse_args($args, apply_filters("login_form_defaults", $defaults)); /** * Filtrira sadržaj za prikaz na vrhu obrasca za prijavu. * * Filter evaluira samo prateći element oznake za otvaranje obrasca. * * @od 3.0.0 * * @param string $content Sadržaj za prikaz. default prazno. * @param array $args Niz argumenata formulara za prijavu. */ $login_form_top = apply_filters("login_form_top", "", $args); /** * Filtrira sadržaj za prikaz u sredini obrasca za prijavu. * * Filter procjenjuje samo praćenje lokacije na kojoj je prikazano polje "login-password" *. * * @od 3.0.0 * * @param string $content Sadržaj za prikaz. default prazno. * @param array $args Niz argumenata formulara za prijavu. */ $login_form_middle = apply_filters("login_form_middle", "", $args); /** * Filtrira sadržaj za prikaz na dnu obrasca za prijavu. * * Filter vrši evaluaciju neposredno prije elementa oznake za zatvaranje obrasca. * * @od 3.0.0 * * @param string $content Sadržaj za prikaz. default prazno. * @param array $args Niz argumenata formulara za prijavu. */ $login_form_bottom = apply_filters("login_form_bottom", "", $args); $form = "

" . $login_form_top ."

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

" .esc_html($args["label_password"]) . "

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

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

" : "") . "

" . $login_form_bottom ."

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