Pola na liczbę i adres e-mail

Formularze - HTML i CSS: pierwsze strony (HTML/CSS/JS)

Atrybut type zmienia rodzaj pola. type="number" przyjmuje tylko liczby i ma strzałki, a min i max ustalają zakres. type="email" oczekuje adresu z małpą. Atrybut placeholder pokazuje szarą podpowiedź, która znika po wpisaniu tekstu. value wpisuje do pola wartość startową. Spróbuj wpisać literę w pole wieku albo przekroczyć zakres strzałkami - przeglądarka na to nie pozwoli.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Liczby i e-mail</title>
</head>
<body>
  <h1>Dane kontaktowe</h1>
  <form>
    <p>
      <label for="wiek">Wiek:</label>
      <input type="number" id="wiek" name="wiek" min="7" max="19" value="13">
    </p>
    <p>
      <label for="mail">E-mail:</label>
      <input type="email" id="mail" name="mail" placeholder="np. [email protected]">
    </p>
    <button type="button">Dalej</button>
  </form>
</body>
</html>

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

Wszystkie lekcje kursu HTML i CSS: pierwsze strony · Zaloguj się, aby zapisać postęp na koncie.