Zde je příklad kódu html přihlašovací stránky. V tomto příkladu jsme zobrazili jedno textové pole, Heslo, tlačítko Resetovat a tlačítko Přihlásit. Použili jsme tlačítko Reset, které resetuje všechna pole na prázdná. Nastavili jsme uživatelské jméno a heslo hodnota.

Zde je příklad kódu html přihlašovací stránky. V tomto příkladu jsme zobrazili jedno textové pole, Heslo, tlačítko Resetovat a tlačítko Přihlásit. Použili jsme tlačítko Reset, které resetuje všechna pole na prázdná. Nastavili jsme hodnotu uživatelského jména a hesla.

Zde je příklad kódu html přihlašovací stránky. V tomto příkladu jsme zobrazili jedno textové pole, Heslo, tlačítko Resetovat a tlačítko Přihlásit. Použili jsme tlačítko Reset, které resetuje všechna pole na prázdná. Použili jsme ověření JavaScriptu na přihlašovací stránce. Nastavili jsme hodnotu uživatelského jména a hesla. Pokud osoba zadá špatné uživatelské jméno nebo heslo nebo obojí, zobrazí se chybová zpráva „Chyba: Nesprávné uživatelské jméno nebo heslo“. Dokud osoba nezadá správné uživatelské jméno a heslo, nepřihlásí se.

Jakmile zadáte správné uživatelské jméno a heslo, budete přesměrováni na jinou stránku.

Přihlašovací stránka se používá na většině dynamických webových stránek k ověření uživatele na základě jeho přihlašovacích údajů. Pro vytvoření přihlašovací stránky pro webové stránky se používá HTML formulář a HTML prvky. Textové pole se používá pro přijetí uživatelského jména a textové pole se používá pro přijetí hesla od uživatele.

Tlačítko Odeslat slouží k odeslání dat na server k ověření. Je dobré ověřit uživatelský vstup v prohlížeči pomocí JavaScriptu. V tomto tutoriálu vytváříme a HTML přihlášení kód stránky a ověření uživatelského vstupu pomocí JavaScriptu. V moderní webové aplikaci je také velmi důležitá validace na straně serveru, která se provádí na straně serveru s programem běžícím na serveru.

Zde je video tutoriál:

Ale v tomto tutoriálu se naučíte vytvořit přihlašovací stránku v HTML a ověřit uživatelský vstup pomocí JavaScriptu. Pohled ukázka přihlašovací stránky HTML.

Zde je snímek obrazovky přihlašovací stránky, kterou vytváříme:

Tato přihlašovací stránka zobrazuje textová pole Uživatelské jméno, Heslo a poté tlačítka pro reset a přihlášení. Jakmile uživatel zadá data a klikne na tlačítko Přihlásit, použije se JavaScript k ověření formuláře a pokud se ověření nezdaří, zobrazí se chybová zpráva.

HTML přihlašovací stránka s ověřením JavaScriptu

HTML přihlašovací stránka
uživatelské jméno:
Heslo:

The

tag of HTML je srdcem vytváření uživatelského vstupního formuláře ve webové aplikaci, který přebírá uživatelská vstupní data a nakonec je předává programu na straně serveru k dalšímu zpracování. Data všech vstupních nebo skrytých polí se převezmou a odešlou na server prostřednictvím značky formuláře. Tlačítko "odeslat" se používá k zahájení odesílání dat formuláře na server. K odeslání formuláře můžete také použít kód JavaScript. Pokud je například název vašeho formuláře „loginForm“, lze zavolat následující kód JavaScript pro programové odeslání formuláře.

Definování HTML tagů HTML formuláře Na stránce

Vytváříme webové stránky a jednotlivé stránky na internetu komunikovat s návštěvníky.

HTML formuláře se používají k registraci návštěvníků na webu, k interaktivním anketám a hlasování, umožňují posílat zprávy, nakupovat a tak dále. HTML Formulář je vytvořen za jediným účelem: shromažďovat a následně přenášet informace ke zpracování do programového skriptu nebo e-mailem.

Ukázka HTML formuláře | Přihlásit se

Značky, atributy a hodnoty

• - určit formu.
• name="" - definuje název formuláře.
• method="" - určuje způsob odesílání dat z formuláře. Hodnoty: "get" (výchozí) a "post" . Častěji se používá metoda „post“, protože umožňuje přenášet velké množství dat.
• action="" - určuje adresu URL, pomocí které jsou data odeslána ke zpracování. V našem případě - enter_data.php ..
• - definovat takové prvky formuláře, jako jsou tlačítka, přepínače, textová pole pro zadávání dat.
• type="text" - definuje textové pole pro zadávání dat.
• type="password" - definuje pole pro zadání hesla, přičemž text je zobrazen jako hvězdičky nebo kroužky.
• type="checkbox" - definuje přepínač.
• type="hidden" - definuje skrytý prvek formy - slouží k předávání dodatečné informace na server.
• size="25" - délka textového pole ve znacích.
• maxlength="30" - maximální povolený počet vstupních znaků.
• value="" - definuje hodnotu, která bude odeslána ke zpracování, pokud odkazuje na přepínače nebo přepínače. Hodnota tohoto atributu jako součásti textového pole nebo tlačítka se zobrazí jako například John nebo Login ve výše uvedeném příkladu.

Ukázka HTML formuláře | Komentáře na webu

název Pošta

Značky, atributy a hodnoty

• action="http://site/comments.php" - určuje url, na který budou odesílány údaje z formuláře.
• id="" - definuje název, identifikátor prvku formuláře.
• name="" - definuje název prvku formuláře.
• - definovat textové pole ve formuláři.
• cols="" - určuje počet sloupců textového pole formuláře.
• rows="" - Určuje počet řádků pro textové pole formuláře.

Pokud mezi vložte text, zobrazí se uvnitř pole jako příklad, který lze snadno odstranit.

Ukázka HTML formuláře | Rozbalovací seznam

První pozice Druhá pozice třetí pozici čtvrté místo

Značky, atributy a hodnoty

• - definovat seznam s položkami, ze kterých si můžete vybrat.
• size="" - určuje počet viditelných pozic v seznamu. Pokud je hodnota 1, jedná se o rozevírací seznam.
• - definovat pozice (body) seznamu.
• value="" - obsahuje hodnotu, která bude odeslána formulářem na zadanou url ke zpracování.
• selected="selected" - vybere položku seznamu jako příklad.

Ukázka HTML formuláře | Seznam s posuvníkem

Zvýšením hodnoty atributu size="" získáme seznam s posuvníkem:

První pozice Druhá pozice Třetí pozice Čtvrtá pozice

První pozice Druhá pozice třetí pozici čtvrté místo

Pro tuto možnost používáme příznak multiple="multiple", který umožňuje vybrat více položek. Jeho absence umožňuje vybrat pouze jednu položku.

type="submit" - definuje tlačítko.

type="reset" - definuje tlačítko reset.

value="" - definuje popisek na tlačítku.

Viz navíc:

Jak již víte, webový klient má schopnost odesílat různé informace na webový server pomocí požadavků GET a POST. HTML formuláře je hlavním nástrojem pro vytváření takových požadavků. HTML formulář je v podstatě pole nebo pole pro zadávání informací na webové stránce. Dobrým příkladem formuláře HTML je formulář pro zadání přihlašovacího jména a hesla pro autorizaci na webu.

HTML formulář je popsán pomocí párové značky formulář. Tato značka má dva důležité atributy: metoda a akce. Atribut method určuje typ HTTP požadavku (get nebo post), atribut action specifikuje požadovaný dokument, tedy cestu k souboru, který bude požadován. Cesta může být absolutní (označující doménu webu) nebo relativní. Například:

<metoda formuláře = "get" action = "/login.php" > ... </form>

Existuje několik různých druhů vstupních prvků, které se vejdou do formuláře. Prvek, kterým bych chtěl začít, se nazývá Předložit:

<input type = "submit" value = "(!LANG:Přihlášení" / > !}

Prvek je tlačítko, jehož kliknutí vede ke spuštění HTTP požadavku. Atribut hodnota nastaví titulek tlačítka. Formulář může obsahovat více prvků odeslání. Aby bylo možné v požadovaném dokumentu určit, na které z tlačítek bylo kliknuto, je nutné nastavit atributy prvků odeslání název. Například:

<metoda formuláře = "get" action = "/control.php" > <input type = "submit" name = "submit" value = "(!LANG:Add" / > !} <input type = "submit" name = "submit" value = "(!LANG:Edit" / > !} </form>

Při zadávání požadavku webový prohlížeč zahrne parametr HTTP, který charakterizuje zakliknutý prvek odeslání. Hodnota atributu name stisknutého tlačítka bude brána jako název parametru a hodnota atributu value jako hodnota. Když tedy kliknete na tlačítko Přidat, vygeneruje se dotaz:

/control.php?submit=Přidat

a když kliknete na tlačítko Upravit:

/control.php?submit=Upravit

Dalším prvkem je nejjednodušší prvek pro zadávání jednořádkového textu. Jeho HTML kód je:

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

name je povinný atribut pro účast v požadavku HTTP. Hodnota tohoto atributu bude použita jako název parametru HTTP. Tento atribut je dostupný pro všechny typy prvků formuláře.

Prvku můžete také nastavit atribut value a zadat v něm text, který bude standardně zadán do prvku. Například:

<input type="text" name="login" value= "uživatelské jméno" / >

Živel Heslo slouží k zadávání hesel. Navenek je to stejné, ale zadaný text se zobrazí jako hvězdičky nebo tečky:

<inputtype="password" />

To v zásadě stačí k vytvoření nejjednodušší forma povolení. Zkusme to implementovat a pak se vraťme k úvahám o jiných typech prvků.

Vytvořme soubor auth.php v kořenovém adresáři s následujícím obsahem:

<html xmlns= "http://www.w3.org/1999/xhtml"> <hlava > <titul > Povolení</title> <meta http-equiv = "Content-Type" content = "text/html;charset=utf-8" / > </hlava> <tělo > <metoda formuláře = "get" action = "/auth.php" > <tabulka > <tr > <td > uživatelské jméno:</td> <td > <input type="text" name="login" value="" /> </td> </tr> <tr > <td > Heslo:</td> <td > <input type="password" name="pass" value="" /> </td> </tr> </tabulka> <input type = "submit" value = "(!LANG:Přihlášení" / > !} </form> </body> </html>

Jak vidíte, uvnitř formulářová značka můžete umístit značky, které pomohou krásně označit formulář (uvnitř jsem umístil tabulku). Formulář obsahuje pole pro uživatelské jméno a heslo s názvem login a pass. Kliknutím na „Přihlásit se“ se vygeneruje požadavek GET pro dokument /auth.php (to znamená, že si stránka vyžádá sama sebe). V mém případě vypadala celá URL stránky http://test-domain3/auth.php.

Zadejte své údaje a klikněte na „Přihlásit“. Stránka by se měla znovu načíst. Změnit by se měla i adresa stránky. V mém případě to mělo podobu:

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

To znamená, že dokument auth.php byl vyžádán s parametry GET, které byly zadány pomocí formuláře HTML. Na začátek souboru auth.php umístěte PHP handler, který bude přijímat data pro autorizaci:

//--Zkontrolujte, zda byla data přenesena if ( isset ($_GET [ "login" ] ) && isset ($_GET [ "pass" ] ) ) ( echo "Vaše uživatelské jméno: ". $_GET [ "přihlášení" ] . ", vaše heslo: " . $_GET [ "průchod" ] ; výstup; ) ?>

Pokud bylo na stránku předáno uživatelské jméno a heslo, spustí se podmínka a zobrazí se zpráva. bude také voláno výstup, což zastaví další provádění skriptu, proto se formulář nezobrazí.

Předání hesla s požadavkem GET není bezpečné, protože je vidět v adresním řádku. Změňte typ požadavku na POST. Chcete-li to provést, změňte hodnotu atributu method a v ovladači PHP pro přístup k poli $_GET ji změňte na $_POST. Zkontrolujte, zda skript funguje.

Dalším prvkem je zaškrtávací políčko. Používá se, když je od uživatele vyžadována odpověď ano / ne:

<inputtype="checkbox" />

Pokud není zaškrtávací políčko zaškrtnuté, v parametrech se nic nepředává. Jinak je parametr name předán s hodnotou na. Je tu ještě jeden bod. Zpravidla je u vlajky vysvětlující nápis. Pro webmastera je dobrou praxí implementovat reakci zaškrtávacího políčka na kliknutí na tento titulek. To se dělá jednoduše. Zaškrtávacímu políčku je přiřazeno konkrétní ID a samotný nápis je ozdoben štítkem označení s atributem pro, jehož hodnota se rovná ID zaškrtávacího políčka:

<input type="checkbox" id="remember" name="remember" /> <štítek for="pamatovat"> Aby si mě pamatoval</label>

Podobný prvek slouží k výběru odpovědi ze sady hodnot. Řekněme, že uživatel si musí vybrat jednu ze tří barev:

<input type = "radio" id = "red" name = "color" value = "(!LANG:red" / > !} <štítek for="red">Červené</label> <br/> <input type = "radio" id = "green" name = "color" value = "(!LANG:green" / > !} <štítek for="green"> Zelená</label> <br/> <input type = "radio" id = "blue" name = "color" value = "(!LANG:blue" / > !} <štítek for="blue"> Modrý</label> <br/>

Všimněte si, že všechny prvky stejnou hodnotu název. Lze vybrat pouze jednu hodnotu. Hodnota vybraného prvku bude předána například parametru HTTP barva = modrá.

Aby mohl být na začátku vybrán jeden z prvků, například první, musí nastavit atribut kontrolovány s významem kontrolovány(standard XHTML):

<input type = "radio" id = "red" name = "color" value = "(!LANG:red" checked = "checked" / > !}

Je zde speciální prvek pro zadávání velkého víceřádkového textu textarea:

<textarea rows="6" cols="20" name="text"> Text uvnitř prvku</textarea>

Text uvnitř prvku

Tento prvek, jak vidíte, se liší od předchozích. On je párová značka a text není umístěn v atributu, ale v těle značky. Prvek má také atribut name. S atributem řádky můžete nastavit počet řádků v prvku, sloupce- počet znaků v řetězci. Prvek textarea se zpravidla používá ve formulářích POST. zahrnuje zadávání dlouhého textu (například formuláře příspěvku na fóru).

Rozbalovací seznam. Určitě jste se s takovým prvkem v programech setkali. Umožňuje vybrat jednu hodnotu ze sady. Nezvyklý je také kód prvku. Nejprve se vytvoří prvek kontejneru vybrat, je mu přidělen atribut name:

<vyberte jméno="města"> </vyberte>

Položky seznamu jsou umístěny uvnitř kontejneru. Položka seznamu je párová značka volba, je každému prvku přiřazen atribut value. V těle prvku je nápis prvku napsán:

<vyberte jméno="město"> <option value = "(!LANG:msk" > !} Moskva</volba> <hodnota volby = "(!LANG:vlad" > !} Vladivostok</volba> <hodnota volby = "(!LANG:nsk" > !} Novosibirsk</volba> </vyberte>

HTTP požadavku je předán parametr s názvem název a hodnota hodnota vybraného prvku, například město=vlad. Standardně je vybrán první prvek seznamu, pokud chcete, aby byl vybrán další prvek, nastavte jeho atribut vybraný s významem vybraný:

<hodnota volby = "(!LANG:vlad" selected = "selected" > !} Vladivostok</volba>

Seznam hodnot. Pokud je prvku select přiřazen atribut velikost s číselnou hodnotou se rozbalovací nabídka změní na seznam hodnot. V tomto případě bude hodnota atributu size určovat vertikální velikost prvku:

<vyberte name="town" size="3"> <option value = "(!LANG:msk" > !} Moskva</volba> <hodnota volby = "(!LANG:vlad" > !} Vladivostok</volba> <hodnota volby = "(!LANG:nsk" > !} Novosibirsk</volba> </vyberte>

Moskva Vladivostok Novosibirsk

Pokud je prvku select přiřazen atribut násobek s významem násobek(standard XHTML), pak bude možné vybrat více než jeden prvek současně (například držení klávesa Ctrl). V tomto případě budou v požadavku HTTP předány všechny vybrané prvky se stejnými názvy, například: town=msk&town=vlad&town=nsk.

Někdy je potřeba v HTTP požadavku předat parametr, který by uživatel neměl upravovat a někdy dokonce vidět. Řekněme, že implementujete formulář pro úpravu zpráv. V požadavku HTTP musíte předat ID této novinky. Pro případy, jako je tento, existuje skrytý prvek formuláře HTML:

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

Tento prvek nebude ve formuláři viditelný, ale parametr HTTP name=value bude předán při vytvoření požadavku.

Někdy se může hodit prvek, který vymaže formulář. Tlačítko, po kliknutí se vymažou všechna data zadaná uživatelem do formuláře:

<input type = "reset" value = "(!LANG:Reset" / > !}

Uvedené prvky mají dva speciální atributy:

readonly="readonly" - zakazuje změnu informací v prvku (režim "pouze pro čtení");
disabled="disabled" - deaktivuje prvek.

Nechybí ani prvek pro výběr souboru, který se nahraje na webový server při odeslání formuláře, ale o tom snad v samostatném článku.

Přihlašovací formuláře najdete na webech s fóry, obchody, WordPress a většinou vše na internetu vyžaduje někde přihlašovací formulář, abyste se k něčemu dostali. Celý web je neúplný bez přihlašovacích formulářů a registrace, registračních formulářů.

HTML formuláře budou první, se kterými se většina z nás setká, a se správným CSS, které dává struktuře HTML styl. V nejnovějších verzích HTML se domnívám, že se zdá, že se HTML rozhodlo pro CSS3 jako výchozí možnost stylování struktury. Každopádně to, co zde najdete, je předem navržený HTML, CSS formuláře vytvořené předními vývojáři a sdílené s veřejností zdarma k použití.

Zkuste použít všechny tyto bezplatné šablony přihlašovacích formulářů, protože většina z nich má také předem vytvořené funkce ověření HTML, stejně jako některé ověření jQuery nebo HTML (jako přihlašovací/registrační formulář s měřičem průchodu níže).

Tento seznam ještě není u konce, mám zájem najít nové vzory přihlašovacích formulářů, takže budu tento seznam průběžně aktualizovat o nové šablony přihlašovacích formulářů, až se objeví v roce 2017. Zůstaňte naladěni.

Červený přihlašovací formulář

Jednoduchý a efektivní přihlašovací formulář pro váš web, který vyžaduje základní vstupní pole a žádné další programování.

Plochý design přihlašovacího formuláře navržený pro váš web, který je již plochý. Stáhněte a použijte tuto šablonu pro jakýkoli účel.

Požadujete rychlé přihlášení pro své klienty? Žádný strach, s tímto pěkně vypadajícím přihlašovacím formulářem budete bez potíží. Stáhněte si zdrojový kód a podívejte se na ukázku, protože do polí můžete zadat vzorové uživatelské jméno a heslo a zkusit se přihlásit. Budete přesměrováni na stránku profilu na stejné stránce, která vypadá nádherně s tlačítkem pro odhlášení, které ukazuje animaci odhlášení.

Vzhledem k tomu, že materiálový design google získává popularitu nad plochým designem, můžeme v této šabloně css3 zobrazit přihlašovací formulář a registrační formulář hluboce a pečlivě zastíněný.

Zde získáte další skvělý přihlašovací formulář pro váš business web s možností skrýt/zobrazit přihlašovací pole. Dobře kódovaný design css/html/js vám poskytne lepší načítání, aniž by došlo ke změně rychlosti vašeho webu.

Minimální přihlašovací formulář s plynulou animací

Plynulá animace přihlašovacího formuláře, která otevře přihlašovací sekci kliknutím na obrázek nebo tlačítko podle potřeby.

Minimalistický přihlašovací formulář s css

Zde najdete jednoduché uživatelské rozhraní přihlašovacího formuláře, které je umístěno na pozadí celé obrazovky. The stáhnout soubor získáte css a html pro snadnou implementaci tohoto přihlášení na váš web.

Animovaný přihlašovací formulář

Animace kliknutí zobrazené v textových polích jsou brilantní a zobrazují malou posuvnou animaci ikon uživatele a hesla. Poté se můžete přihlásit do formuláře a sledovat autentizační preloader a také uvítací blok. Tento soubor ke stažení obsahuje všechny zdrojové soubory pro implementaci přihlašovacího formuláře pro váš vlastní web.

Elegantní přihlášení

Toto je jednoduchá verze přihlašovacího formuláře, kterou můžete zobrazit na svém webu, protože má také menší dopad na rychlost webu s minimálním kódem.

Klidná přihlašovací obrazovka

Čistý přihlašovací formulář s animovaným pozadím dodává celé stránce relaxační atmosféru. Stáhněte si celou šablonu ve formátu zip z codepen.

Přihlašovací a registrační formulář

Snadno integrujte tento plynulý přihlašovací a registrační formulář na svůj web. Soubor zip s tímto stažením vám poskytne šablony css, html a js. K dispozici je také registrace na sociálních sítích s možností zobrazení/skrytí hesla pro snadné zadání hesla na obrazovce.

Přihlašovací formulář s vytvořením účtu

Přihlašovací formulář, který se zobrazuje s efektem fadein, je prostě zábavné sledovat. Tento efekt lze vidět pouze v několika moderních přihlašovacích formulářích. Pomocí kliknutí na mě změňte formulář pro přihlášení nebo vytvoření formuláře.

Přihlašovací formulář v minimálním stylu s plochým designem si můžete stáhnout z níže uvedeného odkazu. Ověření HTML je dostupné a nastavené v této přihlašovací šabloně.

Stažení

Šablona minimálního formuláře pro přihlášení

Ověření pro e-mail je na místě a tato šablona je čistě css, html bez ozdobných modulů jquery.

Stažení

Registrační/přihlašovací formulář

Jediný formulář pro přihlášení na web, stejně jako možnost registrace, registrace, kterou lze otočit kliknutím. I když v oblasti registrace chybí některá důležitá pole, je to přesto lepší forma se všemi výkonnými funkcemi.

Stažení

Tento přihlašovací formulář je skrytý, dokud nekliknete na přihlašovací odkaz. Toto je velmi užitečná funkce pro moderní webové stránky, které se mohou vyhnout další stránce pro přihlášení. Zobrazte přihlašovací údaje na libovolné stránce pomocí tohoto výkonného přihlašovacího formuláře.

Stažení

Je poskytován jako PSD i jako plně kódovaná HTML/CSS verze, takže můžete začít rovnou integrovat.

Přihlašovací formulář (kódovaný)

Profesionální přihlašovací formulář. Stahování obsahuje soubor PSD a také jsem měl chuť ho kódovat, takže jsem zahrnul i soubory xHTML, Js a CSS.

Stažení

Bílý jednoduchý přihlašovací formulář

Čistý a jednoduchý přihlašovací formulář s kulatým tlačítkem pro odeslání a elegantními stavy zaměření.

Jednoduše přihlašovací formulář

Jednoduše přihlašovací formulář stylizovaný a navržený čistě pomocí CSS3. Formulář je vytvořen pomocí velmi jednoduchého označení a stylizován pomocí velmi základních vlastností CSS3.

Stažení

se vrací

Používání

Vzor použití

wp_login_form(array("echo" => true, "redirect" => site_url($_SERVER["REQUEST_URI"]), "form_id" => "loginform", "label_username" => __("Uživatelské jméno"), "label_password " => __("Heslo"), "label_remember" => __("Pamatuj si mě"), "label_log_in" => __("Přihlásit se"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => NULL, "value_remember" => false)); $args (řetězec/pole)Řada argumentů, které řídí výsledek.
Výchozí: výchozí možnosti

$args parametr argumenty

echo (logický) Zobrazení (1) nebo návrat (0).
Výchozí: 1 přesměrovat (čára) Adresa URL, na kterou bude po autorizaci přenesena.
Výchozí: aktuální stránka form_id (čára) atribut id tag

.
Výchozí: "loginform" label_username (čára) Text nadpisu pole „uživatelské jméno“.
Výchozí: "__("Uživatelské jméno")" heslo_štítku (čára) Text nadpisu pole „heslo“.
Výchozí: "__("Heslo")" label_remember (čára) Text titulku pro pole „Pamatuj si mě“.
Výchozí: "__("Pamatuj si mě")" label_log_in (čára) Text tlačítka Odeslat.
Výchozí: "__("Přihlásit se")" id_username (čára) hodnota atributu id:
Výchozí: "user_login" id_password (čára) hodnota atributu id:
Výchozí: "user_pass" id_remember (čára) hodnota atributu id:
Výchozí: „zapamatovat si mě“ id_submit (čára) hodnota atributu id:
Výchozí: "wp-submit" zapamatovat si (logický) Zapamatujte si hodnoty polí (1) nebo ne (0).
Výchozí: 1 value_username (čára) Výchozí uživatelské jméno.
Výchozí: "" hodnota_pamatovat (čára) Hodnota atributu value, pole „zapamatovat si mě“. Výchozí hodnota je 1 – zaškrtávací políčko je zaškrtnuté. 0 - nezaškrtnuto.
Výchozí: 1

Příklady

#jeden. Zobrazení normálního tvaru:

Zobrazí:

Přihlásit se

Heslo

Aby si mě pamatoval

#2 Nechte na stejné stránce, když zadáte nesprávné přihlašovací jméno/heslo

Ve výchozím nastavení, pokud je do takového formuláře vložen nesprávný protokol, bude uživatel přesměrován základní stránka autorizace označující chybu.

Chcete-li to změnit a nechat uživatele na stejné stránce, i když zadali nesprávná data, můžete použít háček wp_login_failed:

## Nechá uživatele na stejné stránce při zadání nesprávného přihlašovacího jména/hesla do přihlašovacího formuláře wp_login_form() add_action("wp_login_failed", "my_front_end_login_fail"); function my_front_end_login_fail($username) ( $referrer = $_SERVER["HTTP_REFERER"]; // odkud požadavek přišel // Pokud existuje referrer a toto není stránka wp-login.php if(!empty($referrer ) && !strstr($ referrer,"wp-login") && !strstr($referrer,"wp-admin")) ( wp_redirect(add_query_arg("login", "failed", $referrer)); // přesměrování a přidat parametr dotazu?login= neúspěšné ukončení; ) )

#3 Registrační formulář WordPress

Pro zobrazení registračního formuláře není k dispozici speciální funkce. Formulář lze tedy zobrazit napsáním vlastního HTML kódu. Zde je příklad takového HTML kódu pro registrační formulář:

"method="post">

uživatelské jméno

E-mailem

Potvrzení registrace vám bude zasláno na váš e-mail.

Seznam změn

Od verze 3.0.0

Představeno.

Kód wp přihlašovací formulář: wp-includes/general-template.php WP 5.2.3

true, // Výchozí hodnota "přesměrování" vrátí uživatele zpět na URI požadavku. "přesměrování" => (is_ssl() ? "https://": "http://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"], "form_id" => "loginform", "label_username" => __("Uživatelské jméno nebo e-mailová adresa"), "label_password" => __("Heslo"), "label_remember" => __ ("Pamatuj si mě"), "label_log_in" => __("Přihlásit se"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => "", // Nastavte "value_remember" na true, aby bylo zaškrtnuto výchozí políčko "Pamatovat si mě". "value_remember" => false,); /** * Filtruje výchozí argumenty výstupu přihlašovacího formuláře. * * @since 3.0.0 * * @viz wp_login_form() * * @param pole $defaults Pole výchozích argumentů přihlašovacího formuláře. */ $args = wp_parse_args($args, apply_filters("login_form_defaults", $defaults)); /** * Filtruje obsah, který se zobrazí v horní části přihlašovacího formuláře. * * Filtr vyhodnotí hned po úvodním prvku značky formuláře. * * @since 3.0.0 * * @param string $content Obsah k zobrazení. výchozí prázdné. * @param pole $args Pole argumentů přihlašovacího formuláře. */ $login_form_top = apply_filters("login_form_top", "", $args); /** * Filtruje obsah, který se zobrazí uprostřed přihlašovacího formuláře. * * Filtr vyhodnotí hned po umístění, kde je zobrazeno pole "login-password" *. * * @since 3.0.0 * * @param string $content Obsah k zobrazení. výchozí prázdné. * @param pole $args Pole argumentů přihlašovacího formuláře. */ $login_form_middle = apply_filters("login_form_middle", "", $args); /** * Filtruje obsah, který se zobrazí ve spodní části přihlašovacího formuláře. * * Filtr vyhodnotí těsně před uzavíracím prvkem značky formuláře. * * @since 3.0.0 * * @param string $content Obsah k zobrazení. výchozí prázdné. * @param pole $args Pole argumentů přihlašovacího formuláře. */ $login_form_bottom = apply_filters("login_form_bottom", "", $args); $form = "

" . $login_form_top ."

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

" .esc_html($args["heslo_štítku"]) ."

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

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

" : "") . "

" . $login_form_bottom."

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