Siin on näide html-i sisselogimislehe koodist. Selles näites oleme kuvanud ühe tekstivälja, parooli, nuppu Lähtesta ja Logi sisse. Oleme kasutanud nuppu Lähtesta, mis lähtestab kõik väljad tühjaks. Oleme määranud kasutajanime ja parool väärtus.

Siin on näide html-i sisselogimislehe koodist. Selles näites oleme kuvanud ühe tekstivälja, parooli, nuppu Lähtesta ja Logi sisse. Oleme kasutanud nuppu Lähtesta, mis lähtestab kõik väljad tühjaks. Oleme määranud kasutajanime ja parooli väärtuse.

Siin on näide html-i sisselogimislehe koodist. Selles näites oleme kuvanud ühe tekstivälja, parooli, nuppu Lähtesta ja Logi sisse. Oleme kasutanud nuppu Lähtesta, mis lähtestab kõik väljad tühjaks. Oleme sisselogimislehel kasutanud JavaScripti valideerimist. Oleme määranud kasutajanime ja parooli väärtuse. Kui inimene sisestab vale kasutajanime või parooli või mõlemad, kuvatakse tõrketeade "Viga: vale kasutajanimi või parool". Kuni inimene sisestab õige kasutajanime ja parooli, ei logi ta sisse.

Kui olete õige kasutajanime ja parooli sisestanud, suunatakse teid teisele lehele.

Sisselogimislehte kasutatakse enamikul dünaamilistel veebisaitidel kasutaja kinnitamiseks nende mandaatide alusel. Veebilehtedele sisselogimislehe tegemiseks kasutatakse HTML vormi ja HTML elemente. Tekstivälja kasutatakse kasutajanime ja parooli vastuvõtmiseks. Tekstivälja kasutatakse kasutajalt parooli vastuvõtmiseks.

Esitamisnuppu kasutatakse andmete esitamiseks serverisse kinnitamiseks. Hea on kontrollida kasutaja sisendit brauseris JavaScripti abil. Selles õpetuses loome a HTML sisselogimine lehe kood ja kasutaja sisendi valideerimine JavaScriptiga. Kaasaegsetes veebirakendustes on väga oluline ka serveripoolne valideerimine, mida tehakse serveri poolel serveris töötava programmiga.

Siin on videoõpetus:

Kuid selles õpetuses õpite looma HTML-is sisselogimislehte ja valideerima kasutaja sisendi JavaScriptiga. vaade HTML-i sisselogimislehe demo.

Siin on ekraanipilt meie sisselogimislehest:

Sellel sisselogimislehel kuvatakse kasutajanime, parooli tekstiväljad ning seejärel lähtestamise ja sisselogimise nupud. Kui kasutaja sisestab andmed ja klõpsab sisselogimisnupul, kasutatakse vormi kinnitamiseks JavaScripti ja kui valideerimine ebaõnnestub, kuvatakse veateade.

HTML-i sisselogimisleht JavaScripti valideerimisega

HTML-i sisselogimisleht
kasutajanimi:
Parool:

The

HTML-i silt on veebirakenduses kasutaja sisestamise vormi loomise süda, mis võtab kasutaja sisendandmed ja esitab need lõpuks serveripoolsesse programmi edasiseks töötlemiseks. Kogu sisend- või peidetud välja andmed võetakse ja edastatakse vormisildi kaudu serverisse. "Esita" nuppu kasutatakse vormiandmete serverisse esitamise algatamiseks. Vormi esitamiseks võite kasutada ka JavaScripti koodi. Näiteks kui teie vormi nimi on "loginForm", saab vormi programmiliseks esitamiseks kutsuda järgmist JavaScripti koodi.

HTML-i siltide määratlemine HTML vormid kohapeal

Loome veebisaite ja üksikuid lehti Internetis külastajatega suhtlemiseks.

HTML vormid kasutatakse saidi külastajate registreerimiseks, interaktiivsete küsitluste ja hääletamise jaoks, võimaldavad teil saata sõnumeid, sooritada oste jne. HTML Vorm on loodud ühel eesmärgil: teabe kogumiseks ja seejärel töötlemiseks programmi skripti või e-posti teel edastamiseks.

HTML-vormi näidis | Logi sisse

Sildid, atribuudid ja väärtused

• - määrake vorm.
• name="" – määrab vormi nime.
• method="" - määrab, kuidas andmed vormilt saadetakse. Väärtused: "get" (vaikimisi) ja "post" . Enamasti kasutatakse "postituse" meetodit, mis võimaldab edastada suuri andmemahtusid.
• action="" - määrab URL-i, mille kaudu andmed töötlemiseks saadetakse. Meie puhul - enter_data.php ..
• - määratleda sellised vormielemendid nagu nupud, lülitid, tekstiväljad andmete sisestamiseks.
• type="text" – määratleb tekstivälja andmete sisestamiseks.
• type="password" – määrab välja parooli sisestamiseks, samal ajal kui tekst kuvatakse tärnide või ringidena.
• type="checkbox" – määrab raadionupu.
• type="hidden" – määratleb peidetud element vormid – kasutatakse edastamiseks Lisainformatsioon serverisse.
• size="25" – tekstivälja pikkus tähemärkides.
• maxlength="30" – maksimaalne lubatud sisestusmärkide arv.
• value="" – määrab töötlemiseks saadetava väärtuse, kui see viitab raadionuppudele või raadionuppudele. Selle atribuudi väärtus tekstivälja või nupu osana kuvatakse ülaltoodud näites näiteks kui John või Login.

HTML-vormi näidis | Kommentaarid saidil

Nimi Mail

Sildid, atribuudid ja väärtused

• action="http://site/comments.php" – määrab URL-i, kuhu vormi andmed saadetakse.
• id="" - määrab vormielemendi nime, identifikaatori.
• name="" – määrab vormielemendi nime.
• - määratleda vormis tekstiväli.
• cols="" – määrab vormi tekstivälja veergude arvu.
• rows="" – määrab vormi tekstivälja ridade arvu.

Kui vahel sisestage tekst, kuvatakse see kasti sees näitena, mida on lihtne eemaldada.

HTML-vormi näidis | Rippmenüü

Esimene positsioon Teine positsioon kolmas positsioon neljas positsioon

Sildid, atribuudid ja väärtused

• - määrake loend üksustega, mille hulgast valida.
• size="" – määrab nähtavate loendi positsioonide arvu. Kui väärtus on 1, on tegemist rippmenüüga.
• - määratleda nimekirja positsioonid (punktid).
• value="" – sisaldab väärtust, mille vorm saadab töötlemiseks määratud URL-ile.
• Selected="selected" – valib näitena loendi elemendi.

HTML-vormi näidis | Kerimisribaga loend

Suurendades atribuudi size="" väärtust, saame kerimisribaga loendi:

Esimene positsioon Teine positsioon Kolmas positsioon Neljas positsioon

Esimene positsioon Teine positsioon kolmas positsioon neljas positsioon

Selle valiku puhul kasutame lippu multiple="multiple", mis võimaldab valida mitu üksust. Selle puudumine võimaldab valida ainult ühe üksuse.

type="submit" – määrab nupu.

type="reset" – määratleb lähtestusnupu.

value="" – määrab nupu sildi.

Vaata lisaks:

Nagu te juba teate, on veebikliendil võimalus saata GET ja POST päringute abil veebiserverisse erinevat teavet. HTML vormid on selliste päringute loomise peamine tööriist. Põhimõtteliselt on HTML-vorm väli või väljad veebilehele teabe sisestamiseks. Hea näide HTML-vormist on saidil autoriseerimiseks sisselogimise ja parooli sisestamise vorm.

HTML-vormi kirjeldatakse paarimärgendi abil vormi. Sellel sildil on kaks olulist atribuuti: meetod ja tegevust. Atribuut meetod määrab HTTP-päringu tüübi (hangi või postitamine), atribuut action määrab taotletud dokumendi, st taotletava faili tee. Tee võib olla kas absoluutne (näitab saidi domeeni) või suhteline. Näiteks:

<form method = "saada" action = "/login.php" > ... </vorm>

Vormi sisse mahub mitut erinevat tüüpi sisendelemente. Elementi, millest tahaksin alustada, nimetatakse Esita:

<input type = "submit" value = "(!LANG:Logi sisse" / > !}

Element on nupp, mille klõpsamisel käivitatakse HTTP päring. Atribuut väärtus määrab nupu pealkirja. Vorm võib sisaldada mitut esitamise elementi. Selleks, et teha kindlaks, millist nuppudest küsitud dokumendis klõpsati, on vaja määrata atribuudid Esita elemente nimi. Näiteks:

<form method = "saada" action = "/control.php" > <sisendi tüüp = "esita" name = "esita" value = "(!LANG:Add" / > !} <sisendi tüüp = "esita" name = "esita" value = "(!LANG:Edit" / > !} </vorm>

Päringu tegemisel lisab veebibrauser HTTP parameetri, mis iseloomustab klõpsatud esitamiselementi. Parameetri nimeks võetakse vajutatud nupu atribuudi name väärtus ja väärtuseks atribuudi value väärtus. Seega, kui klõpsate nupul Lisa, genereeritakse päring:

/control.php?submit=Lisa

ja kui klõpsate nuppu Redigeeri:

/control.php?submit=Muuda

Järgmine element on lihtsaim element üherealise teksti sisestamiseks. Selle HTML-kood on:

<sisestustüüp="tekst" nimi="nimi" />

nimi on HTTP päringus osalemiseks vajalik atribuut. Selle atribuudi väärtust kasutatakse HTTP parameetri nimena. See atribuut on saadaval igat tüüpi vormielementide jaoks.

Samuti saab elemendile määrata atribuudi value, määrates selles teksti, mis vaikimisi elemendisse sisestatakse. Näiteks:

<sisendi tüüp="text" name="login" value= "Kasutajanimi" / >

Element parool kasutatakse paroolide sisestamiseks. Väliselt on see sama, kuid sisestatud tekst kuvatakse tärnide või punktidena:

<inputtype="password" />

Sellest loomiseks põhimõtteliselt piisab kõige lihtsam vorm luba. Proovime seda rakendada ja seejärel naaske teist tüüpi elementide kaalumise juurde.

Loome juurkataloogis järgmise sisuga faili auth.php:

<html xmlns= "http://www.w3.org/1999/xhtml"> <pea> <pealkiri > Autoriseerimine</title> <meta http-equiv = "Sisutüüp" content = "text/html;charset=utf-8" / > </pea> <keha> <form method = "saada" action = "/auth.php" > <tabel > <tr > <td > Kasutajanimi:</td> <td > <sisendi tüüp="tekst" name="login" value="" /> </td> </tr> <tr > <td > Parool:</td> <td > <sisendi tüüp="parool" name="pass" value="" /> </td> </tr> </tabel> <input type = "submit" value = "(!LANG:Logi sisse" / > !} </vorm> </body> </html>

Nagu näete, sees vormi silt saab panna silte, mis aitavad vormi ilusti märgistada (panin tabeli sisse). Vorm sisaldab kasutajanime ja parooli välju, mille nimi on vastavalt sisselogimine ja pass. Klõpsates "Logi sisse", genereeritakse GET-päring dokumendi /auth.php jaoks (see tähendab, et leht taotleb ennast). Minu puhul nägi lehe täielik URL välja selline http://test-domain3/auth.php.

Sisestage oma andmed ja klõpsake "Logi sisse". Leht tuleks uuesti laadida. Muutuma peaks ka lehe aadress. Minu puhul oli see järgmisel kujul:

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

See tähendab, et auth.php dokumenti küsiti GET-parameetritega, mis sisestati HTML-vormi abil. Asetage faili auth.php algusesse PHP-töötleja, mis saab andmeid autoriseerimiseks:

//--Kontrollige, kas andmed edastati if ( isset ($_GET [ "login" ] ) && isset ($_GET [ "pass" ] ) ) ( kaja "Sinu kasutajanimi: ". $_GET [ "sisselogimine"] . ", teie parool: " . $_GET [ "pääs" ] ; väljumine; ) ?>

Kui lehele edastati kasutajanimi ja parool, siis käivitatakse tingimus ja kuvatakse teade. kutsutakse ka väljuda, mis peatab skripti edasise täitmise, mistõttu vormi ei kuvata.

Parooli edastamine GET-päringuga ei ole turvaline, kuna see on aadressiribal nähtav. Muutke päringu tüübiks POST. Selleks muudame atribuudi method väärtust ja PHP-käsitlejas massiivile $_GET juurde pääsemiseks muudame selle väärtuseks $_POST. Kontrollige, kas skript töötab.

Järgmine element on märkeruut. Seda kasutatakse siis, kui kasutajalt nõutakse jah/ei vastust:

<inputtype="checkbox" />

Kui märkeruut on märkimata, ei edastata parameetrites midagi. Vastasel juhul edastatakse nime parameeter koos väärtusega peal. On veel üks asi. Lipu juures on reeglina selgitav kiri. Veebihalduri jaoks on hea tava rakendada sellel pealdisel tehtud klõpsamisel märkeruudu vastus. Seda tehakse lihtsalt. Märkeruudule määratakse konkreetne ID ja pealdis ise on kaunistatud sildiga silt atribuudiga jaoks, mille väärtus on võrdne märkeruudu ID-ga:

<sisendi tüüp="märkeruut" id="mäleta" name="mäleta" /> <silt =="mäleta"> Mäleta mind</label>

Sarnast elementi kasutatakse väärtuste hulgast vastuse valimiseks. Oletame, et kasutaja peab valima ühe kolmest värvist:

<sisendi tüüp = "raadio" id = "punane" nimi = "värv" väärtus = "(!LANG:red" / > !} <silt =="red"> Punane</label> <br/> <sisendi tüüp = "raadio" id = "roheline" nimi = "värv" väärtus = "(!LANG:roheline" / > !} <silt =="roheline"> Roheline</label> <br/> <sisendi tüüp = "raadio" id = "sinine" name = "värv" väärtus = "(!LANG:blue" / > !} <silt =="sinine"> Sinine</label> <br/>

Pange tähele, et kõik elemendid sama väärtus nimi. Valida saab ainult ühe väärtuse. Valitud elemendi väärtus edastatakse näiteks HTTP parameetrile värv = sinine.

Selleks, et algselt oleks valitud üks elementidest, näiteks esimene, peab see määrama atribuudi kontrollitud tähendusega kontrollitud(XHTML standard):

<sisendi tüüp = "raadio" id = "punane" nimi = "värv" väärtus = "(!LANG:red" checked = "checked" / > !}

Suure mitmerealise teksti sisestamiseks on spetsiaalne element tekstiala:

<textarea rows="6" cols="20" name="tekst"> Tekst elemendi sees</textarea>

Tekst elemendi sees

See element, nagu näete, erineb eelmistest. Ta on paari silt ja tekst ei paigutata atribuuti, vaid sildi sisusse. Elemendil on ka atribuut nimi. Atribuudiga read saate määrata elemendi ridade arvu, veerg- märkide arv stringis. Textarea elementi kasutatakse reeglina POST-vormides. hõlmab pika teksti sisestamist (näiteks foorumi postituse vorm).

Rippmenüü. Olete kindlasti programmides kohanud sellist elementi. Võimaldab valida komplektist ühe väärtuse. Ebatavaline on ka elemendi kood. Esiteks luuakse konteineri element vali, antakse sellele nimeatribuut:

<valige nimi="linnad"> </vali>

Loendielemendid asetatakse konteinerisse. Loendiüksus on paarisilt valik, antakse igale elemendile atribuut väärtus. Elemendi kehasse on kirjutatud elemendi pealdis:

<vali nimi="linn"> <valiku väärtus = "(!LANG:msk" > !} Moskva</option> <valiku väärtus = "(!LANG:vlad" > !} Vladivostok</option> <valiku väärtus = "(!LANG:nsk" > !} Novosibirsk</option> </vali>

HTTP päringule edastatakse parameeter, millel on näiteks valitud elemendi nimi nimi ja väärtus linn=vlad. Vaikimisi on valitud loendi esimene element, kui soovite, et valitud oleks mõni muu element, määrake selle atribuut valitud tähendusega valitud:

<valiku väärtus = "(!LANG:vlad" selected = "selected" > !} Vladivostok</option>

Väärtuste loetelu. Kui valikuelemendile antakse atribuut suurus numbrilise väärtusega muutub rippmenüü väärtuste loendiks. Sel juhul määrab atribuudi suurus väärtus elemendi vertikaalse suuruse:

<valige nimi="linn" size="3"> <valiku väärtus = "(!LANG:msk" > !} Moskva</option> <valiku väärtus = "(!LANG:vlad" > !} Vladivostok</option> <valiku väärtus = "(!LANG:nsk" > !} Novosibirsk</option> </vali>

Moskva Vladivostok Novosibirsk

Kui valikuelemendile antakse atribuut mitmekordne tähendusega mitmekordne(XHTML standard), siis on võimalik korraga valida rohkem kui üks element (näiteks hoides Ctrl-klahv). Sel juhul edastatakse HTTP päringus kõik valitud samade nimedega elemendid, näiteks: town=msk&town=vlad&town=nsk.

Mõnikord on vaja HTTP-päringus edastada parameeter, mida kasutaja ei tohiks muuta, ja mõnikord isegi näha. Oletame, et rakendate uudiste redigeerimise vormi. HTTP päringus peate edastama selle uudise ID. Sellistel juhtudel on peidetud HTML-vormi element:

<sisendi tüüp="hidden" name="param" value="" />

See element ei ole vormil nähtav, kuid päringu tegemisel edastatakse HTTP-parameeter name=value.

Mõnikord võib kasuks tulla element, mis vormi puhastab. Nupu klõpsamisel kustutatakse kõik kasutaja poolt vormile sisestatud andmed:

<sisendi tüüp = "reset" value = "(!LANG:Lähtesta" / > !}

Loetletud elementidel on kaks erilist atribuuti:

readonly="readonly" - keelab elemendis teabe muutmise ("readonly" režiim);
keelatud="disabled" – muudab elemendi passiivseks.

Vormi esitamisel on olemas ka element, mille abil saab valida faili, mis laaditakse üles veebiserverisse, aga sellest ehk pikemalt eraldi artiklis.

Sisselogimisvorme võib leida veebisaitidelt, kus on foorumid, poodid, WordPress ja enamasti on Internetis vaja kuskilt sisselogimisvormi, et millelegi juurde pääseda. Kogu veeb on puudulik ilma sisselogimisvormide ja registreerimise, registreerumisvormideta.

HTML-vormid on esimesed, millega enamik meist kokku puutub, ja korraliku CSS-iga, mis annab HTML-i struktuurile stiili. Arvan, et viimastes HTML-i versioonides on HTML valinud oma vaikestruktuuri stiilivalikuks CSS3. Igatahes leiate siit eelkujundatud HTML-i, CSS-i vormid, mille on loonud esiotsa arendajad ja mida jagatakse avalikkusele tasuta kasutamiseks.

Proovige kasutada kõiki neid tasuta sisselogimisvormide malle, kuna enamikul neist on ka eelehitatud HTML-i valideerimisfunktsioonid, aga ka mõned jQuery või HTML-i valideerimisfunktsioonid (nt alloleva läbipääsumõõturiga sisselogimis-/registreerimisvorm).

See loend ei ole veel lõppenud, olen huvitatud uute sisselogimisvormide kujunduste leidmisest, nii et jätkan nende loendi värskendamist uute sisselogimisvormide mallidega, kui need 2017. aastal ilmuvad. Olge kursis.

Punane sisselogimisvorm

Lihtne ja tõhus sisselogimisvorm teie veebisaidile, mis nõuab põhilisi sisestusvälju ja ilma täiendava programmeerimiseta.

Tasapinnaline sisselogimisvormi kujundus, mis on loodud teie veebisaidi jaoks, mis on juba lame. Laadige see mall alla ja kasutage seda mis tahes eesmärgil.

Kas soovite oma klientidelt kiiret sisselogimist? Ärge muretsege, see kena välimusega sisselogimisvorm viib teid ilma probleemideta käima. Laadige alla lähtekood ja kontrollige demo, kuna saate sisestada näidiskasutajanime ja parooli väljadele ning proovida sisse logida. Teid suunatakse samal profiililehele, mis näeb välja hiilgav väljalogimisnupuga, mis näitab väljalogimise animatsiooni.

Kuna Google'i materjalikujundus on muutumas lamekujunduse asemel populaarsemaks, näeme selles css3 mallis sügavat ja hoolikalt varjutatud sisselogimisvormi ja registrivormi.

Siit saate oma busienssi veebisaidi jaoks veel ühe suurepärase sisselogimisvormi koos sisselogimisväljade peitmise / kuvamise võimalusega. Hästi kodeeritud css/html/js disain võimaldab teil paremini laadida, ilma et see mõjutaks teie praegust saidi kiirust.

Minimaalne sisselogimisvorm sujuva animatsiooniga

Sisselogimisvormi sujuv animatsioon, mis avab sisselogimisjaotise, klõpsates vastavalt vajadusele pilti või nuppu.

Minimalistlik sisselogimisvorm css-iga

Siit leiate väljamõeldud sisselogimisvormi kasutajaliidese, mis asetatakse täisekraani taustale. The faili alla laadida annab teile css-i ja html-i selle sisselogimise hõlpsaks juurutamiseks teie veebisaidile.

Animeeritud sisselogimisvorm

Tekstiväljadel kuvatavad klõpsanimatsioonid on suurepärased, mis kuvab kasutaja- ja parooliikoonide väikese libiseva animatsiooni. Seejärel saate vormi sisse logida, et vaadata autentimise eellaadijat ja teretulnud tagasi plokki. See allalaadimine sisaldab kõiki lähtefaile teie veebisaidi sisselogimisvormi rakendamiseks.

Elegantne sisselogimine

See on sisselogimisvormi lihtne versioon, mida saate oma veebisaidil kuvada, kuna sellel on minimaalse koodiga vähem mõju saidi kiirusele.

Rahulik sisselogimisekraan

Animeeritud taustaga puhas sisselogimisvorm, mis annab kogu lehele lõõgastava tunde. Laadige kogu mall zip-vormingus alla Codepenist.

Sisselogimis- ja registreerumisvorm

Integreerige see sujuv sisselogimis- ja registreerumisvorm hõlpsalt oma veebisaidile. Selle allalaaditava zip-failina saate css-, html- ja js-malle. Sotsiaalmeedias registreerumine on saadaval ka parooli kuvamise/peitmise suvanditega, et parool ekraanil hõlpsalt sisestada.

Sisselogimisvorm konto loomisega

Fadein-efektiga kuvatavat sisselogimisvormi on lihtsalt lõbus vaadata. Seda efekti saab näha vaid mõnel kaasaegsel sisselogimisvormil. Registreerumiseks või vormi loomiseks kasutage vormi muutmiseks nuppu mind.

Lameda kujundusega minimaalses stiilis sisselogimisvormi saab alla laadida allolevalt lingilt. HTML-i valideerimine on saadaval ja selles sisselogimismallis seadistatud.

Lae alla

Minimaalne sisselogimise vormimall

E-posti valideerimine on pooleli ja see mall on puhas css, html ilma uhkete jquery mooduliteta.

Lae alla

Registreerimis-/sisselogimisvorm

Üksainus vorm veebisaidile sisselogimiseks, samuti registreerumine, registreerimisvõimalus, mida saab ühe klõpsuga pöörata. Kuigi registreerumisalal puuduvad mõned olulised väljad, on see kõigi võimsate funktsioonidega siiski parem vorm.

Lae alla

See sisselogimisvorm on peidetud, kui te ei klõpsa sisselogimislingil. See on tänapäeva veebisaidi jaoks väga kasulik funktsioon, mis võib vältida sisselogimiseks lisalehte. Selle võimsa sisselogimisvormi abil kuvage sisselogimisandmed igal teile meeldival lehel.

Lae alla

Seda pakutakse nii PSD-na kui ka täielikult kodeeritud HTML/CSS-i versioonina, nii et saate selle integreerimisega kohe alustada.

Sisselogimisvorm (kodeeritud)

Professionaalne sisselogimisvorm. Allalaaditav fail sisaldab PSD-faili ja soovisin ka seda kodeerida, nii et lisasin ka xHTML-, Js- ja CSS-failid.

Lae alla

Valge lihtne sisselogimisvorm

Puhas ja lihtne sisselogimisvorm ümara saatmisnupu ja elegantsete fookusolekutega.

Lihtsalt sisselogimisvorm

Lihtsalt sisselogimisvorm on kujundatud ja kujundatud puhtalt CSS3 abil. Vorm luuakse üsna lihtsa märgistuse abil ja kujundatakse väga lihtsate CSS3 atribuutide abil.

Lae alla

naaseb

Kasutamine

Kasutusmuster

wp_login_form(array("echo" => true, "redirect" => site_url($_SERVER["REQUEST_URI"]), "form_id" => "loginform", "label_username" => __("Kasutajanimi"), "sildi_parool " => __("Parool"), "label_remember" => __("Jäta mind meelde"), "label_log_in" => __("Logi sisse"), "id_username" => "user_login", "id_password" => "kasutaja_pääs", "id_meelespea" => "mäleta", "id_submit" => "wp-submit", "mäleta" => tõene, "väärtuse_kasutajanimi" => NULL, "väärtus_mäleta" => vale)); $args (string/massiiv) Argumentide massiiv, mis kontrollib tulemust.
Vaikimisi: vaikevalikud

$args parameetri argumendid

kaja (loogiline) Kuva (1) või tagasi (0).
Vaikimisi: 1ümber suunata (rida) URL, kuhu see pärast autoriseerimist üle kantakse.
Vaikimisi: Käesolev lehekülg vormi_id (rida) ID sildi atribuut

.
Vaikimisi: "loginform" sildi_kasutajanimi (rida) Välja "kasutajanimi" pealkirja tekst.
Vaikimisi: "__("Kasutajanimi")" sildi_parool (rida) Välja "parool" pealkiri.
Vaikimisi: "__("Parool")" silt_mäleta (rida) Subtiitrite tekst väljale "Jäta mind meelde".
Vaikimisi: "__("Jäta mind meelde")" label_log_in (rida) Esita nupu tekst.
Vaikimisi: "__("Logi sisse")" id_username (rida) ID atribuudi väärtus:
Vaikimisi: "user_login" id_password (rida) ID atribuudi väärtus:
Vaikimisi: "user_pass" id_remember (rida) ID atribuudi väärtus:
Vaikimisi: "mäleta" id_submit (rida) ID atribuudi väärtus:
Vaikimisi: "wp-submit" mäleta (loogiline) Pidage meeles välja väärtused (1) või mitte (0).
Vaikimisi: 1 väärtus_kasutajanimi (rida) Vaikimisi kasutajanimi.
Vaikimisi: "" väärtus_mäleta (rida) Väärtuse atribuudi väärtus, väli "mäleta mind". Vaikimisi on 1 – ruut on märgitud. 0 – märkimata.
Vaikimisi: 1

Näited

#üks. Tavalise vormi kuva:

Kuvatakse:

Logi sisse

Parool

Mäleta mind

#2 Vale sisselogimise/parooli sisestamisel lahkuge samale lehele

Kui sellisele vormile sisestatakse vale logi, siis vaikimisi suunatakse kasutaja aadressile alusleht veale viitav luba.

Selle muutmiseks ja kasutaja samale lehele jätmiseks võite kasutada konksu wp_login_failed, isegi kui ta sisestas valed andmed:

## Jätab kasutaja samale lehele, kui sisestab sisselogimisvormile vale sisselogimise/parooli wp_login_form() add_action("wp_login_failed", "my_front_end_login_fail"); funktsioon my_front_end_login_fail($kasutajanimi) ( $referrer = $_SERVER["HTTP_REFERER"]; // kust päring tuli // Kui on viitaja ja see ei ole leht wp-login.php if(!empty($referrer) ) && !strstr($ referrer,"wp-login") && !strstr($referrer,"wp-admin")) ( wp_redirect(add_query_arg("login", "failed", $referrer)); // suunamine ja lisa päringu parameeter?login= nurjus väljumine; ) )

#3 WordPressi registreerimisvorm

Registreerimisvormi kuvamiseks ei pakuta spetsiaalset funktsiooni. Seetõttu saab vormi kuvada, kirjutades oma HTML-koodi. Siin on näide sellisest registreerimisvormi HTML-koodist:

"method="post">

Kasutajanimi

Meil

Registreerumise kinnitus saadetakse teie e-postile.

Muudatuste loend

Alates versioonist 3.0.0

Tutvustatakse.

Kood wp sisselogimisvorm: wp-includes/general-template.php WP 5.2.3

true, // Vaikeväärtus "ümbersuunamine" viib kasutaja tagasi päringu URI-sse. "ümbersuunamine" => (kas_ssl() ? "https://" : "http://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"], "form_id" => "loginform", "label_username" => __("Kasutajanimi või e-posti aadress"), "label_password" => __("Parool"), "label_remember" => __ ("Jäta mind meelde"), "label_log_in" => __("Logi sisse"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "mäleta", "id_submit" => "wp-submit", "remember" => true, "value_username" => "", // Määrake "value_remember" väärtuseks true, et märkeruut "Jäta mind meelde" on märgitud vaikimisi. "väärtus_mäleta" => vale,); /** * Filtreerib sisselogimisvormi vaikeväljundi argumendid. * * @alates 3.0.0 * * @vt wp_login_form() * * @param massiiv $defaults Vaikimisi sisselogimisvormi argumentide massiiv. */ $args = wp_parse_args($args, apply_filters("login_form_defaults", $defaults)); /** * Filtreerib sisselogimisvormi ülaosas kuvatava sisu. * * Filter hindab kohe pärast avatava vormi märgendi elementi. * * @alates 3.0.0 * * @param string $content Kuvatav sisu. vaikimisi tühi. * @param massiiv $args Sisselogimisvormi argumentide massiiv. */ $login_form_top = apply_filters("login_form_top", "", $args); /** * Filtreerib sisu, mis kuvatakse sisselogimisvormi keskel. * * Filter hindab kohe pärast asukohta, kus kuvatakse välja "login-password" *. * * @alates 3.0.0 * * @param string $content Kuvatav sisu. vaikimisi tühi. * @param massiiv $args Sisselogimisvormi argumentide massiiv. */ $login_form_middle = apply_filters("login_form_middle", "", $args); /** * Filtreerib sisselogimisvormi allosas kuvatava sisu. * * Filter hindab vahetult enne sulgevat vormisildi elementi. * * @alates 3.0.0 * * @param string $content Kuvatav sisu. vaikimisi tühi. * @param massiiv $args Sisselogimisvormi argumentide massiiv. */ $login_form_bottom = apply_filters("login_form_bottom", "", $args); $vorm = "

" . $login_form_top . "

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

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

" . $login_form_middle . " " . ($args["mäleta"] ? "

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

" : "") . "

" . $login_form_bottom . "

"; if ($args["kaja"]) ( kaja $vorm; ) else ( tagasta $vorm; ) )