Jak přidat možnost přihlášení nebo registrace na svůj web

Úvod

Přidání přihlašovacího formuláře umožní návštěvníkům vašeho webu vytvořit si uživatelské jméno a heslo. Díky tomu mohou získat přístup k neveřejným nebo exkluzivním informacím. Níže najdete jednoduchý návod, jak vytvořit HTML formulář, který odešle data do MySQL databáze.

Krok 1 – Vytvoření databáze

V MySQL si vytvořte novou databázi, kde budete ukládat uživatelská jména a hesla. Vytvořte také tabulku s potřebnými sloupci (např. username a password).

Krok 2 – Výběr stránky

Najděte HTML soubor stránky, na kterou chcete formulář umístit – obvykle jde o úvodní stránku, ale může to být i samostatná podstránka.

Krok 3 – Umístění formuláře

Vložte kód mezi značky <body> a </body> na místo, kde chcete, aby se formulář zobrazoval (často v horní části stránky).

Krok 4 – Začátek formuláře

Přidejte následující značky, které otevřou formulář a určují, kam se data odešlou:

<form action="/bin/processmyform.php" method="post" enctype="multipart/form-data">

Soubor processmyform.php bude zpracovávat odeslané údaje a uloží je do databáze.

Krok 5 – Pole pro uživatelské jméno

<label>Uživatelské jméno:</label>
<input type="text" name="username" required>

Text "Uživatelské jméno" můžete nahradit například „Login“ nebo „Registrace“.

Krok 6 – Pole pro heslo

<label>Heslo:</label>
<input type="password" name="password" required>

Krok 7 – Odesílací tlačítko

<input type="submit" value="Přihlásit se">

Text tlačítka můžete změnit na „Registrace“, „Odeslat“ apod.

Krok 8 – Uzavření formuláře

</form>

Krok 9 – Kontrola kódu

Pro rychlou kontrolu můžete použít celý ukázkový kód:

<form action="/bin/processmyform.php" method="post" enctype="multipart/form-data">
  <label>Uživatelské jméno:</label>
  <input type="text" name="username" required>
  <label>Heslo:</label>
  <input type="password" name="password" required>
  <input type="submit" value="Přihlásit se">
</form>

Uložte soubor, načtěte stránku v prohlížeči a vyzkoušejte, zda formulář správně odesílá testovací údaje.

Tip

• Než začnete, věnujte čas studiu MySQL a PHP, abyste věděli, jak data bezpečně zpracovávat a ukládat.

Co budete potřebovat

• MySQL server
• HTML editor (např. VS Code, Sublime Text)
• PHP skript pro zpracování formuláře