Formularze — HTML

Formularze zbierają dane wprowadzone przez użytkownika.

Jak to działa?

<form> określa sposób wysyłki, a <input> przechowuje wpisywaną wartość. Atrybut name jest kluczowy przy przesyłaniu danych. label powinien być powiązany z polem przez for i id.

Przykład 1 — poznaj zapis

<form action="/save.php" method="post">
  <label for="name">Imię</label>
  <input id="name" name="name" required>
  <button type="submit">Wyślij</button>
</form>

Formularz wyśle pole name metodą POST do /save.php, jeśli taki endpoint istnieje.

Przeczytaj kod linijka po linijce

<form action="/save.php" method="post">Rozpoczynamy formularz zbierający dane.
<label for="name">Imię</label>Ten znacznik określa element lub strukturę dokumentu.
<input id="name" name="name" required>Tworzymy pole służące do wprowadzania danych.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Formularz z polem imienia i przyciskiem Wyślij.

◉Podgląd w przeglądarceHTML/CSS — bez uruchamiania skryptów

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

<form><label>Imię <input name="name"></label><button>OK</button></form>

Wynik drugiego przykładupo uruchomieniu przykładu

Pole imienia i przycisk OK.

◉Podgląd w przeglądarceHTML/CSS — bez uruchamiania skryptów

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Dodaj pole adresu e-mail z type="email".