Formularz zapisu

Formularz na stronie internetowej - Informatyka - technikum klasa 2 (HTML/CSS/JS)

Formularz `<form>` zbiera dane od użytkownika: - każde pole ma **etykietę** `<label for="id">` powiązaną z jego `id`: kliknięcie etykiety zaznacza pole, a czytnik ekranu czyta, czego pole dotyczy, - typ pola `type` dobiera klawiaturę i sprawdzanie: `email`, `number`, `date`, `tel`, - `required` - pole wymagane, przeglądarka nie wyśle pustego formularza, - `<select>` z `<option>` - lista rozwijana, `<textarea>` - dłuższy tekst, - `<button type="submit">` wysyła formularz. Kliknij **Zapisz się** z pustymi polami, żeby zobaczyć sprawdzanie przeglądarki.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Zapisy</title>
  <style>
    label {
      display: block;
      margin-top: 8px;
    }
  </style>
</head>
<body>
  <form>
    <label for="imie">Imię</label>
    <input id="imie" name="imie" required>
    <label for="email">E-mail</label>
    <input id="email" name="email" type="email" required>
    <label for="kolo">Koło</label>
    <select id="kolo" name="kolo">
      <option>informatyczne</option>
      <option>robotyki</option>
      <option>szachowe</option>
    </select>
    <button type="submit">Zapisz się</button>
  </form>
</body>
</html>

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

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