Formularz: pola tekstowe i przycisk

Formularz na stronie: ankieta klasowa - Informatyka - klasa 8 (HTML/CSS/JS)

**Formularz** zbiera dane od osoby oglądającej stronę. `<form>` otacza wszystkie pola: - `<input type="text">` to pole tekstowe, `type="email"` adres e-mail, `type="number"` liczba, - `<label for="...">` to podpis pola; `for` wskazuje `id` pola, więc kliknięcie podpisu ustawia kursor w polu, - `name` to nazwa, pod którą odpowiedź trafi na serwer, - `<button>` wysyła formularz. Tu formularza nie odbiera żaden serwer, ale można go wypełnić i obejrzeć.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Zapisy</title>
  <style>
    form {
      max-width: 360px;
    }
    label {
      display: block;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Zapisy na kółko informatyczne</h1>
  <form>
    <label for="name">Imię i nazwisko</label>
    <input type="text" id="name" name="name">
    <label for="email">E-mail rodzica</label>
    <input type="email" id="email" name="email">
    <label for="age">Wiek</label>
    <input type="number" id="age" name="age" min="10" max="16">
    <button type="submit">Zapisz się</button>
  </form>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Informatyka - klasa 8·Zaloguj się, aby zapisać postęp na koncie.