Lista rozwijana i dłuższy tekst

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

Gdy opcji jest dużo, zamiast radio używamy listy rozwijanej <select>. Każda pozycja to <option>: tekst między znacznikami widzi użytkownik, a value to wartość dla programu. Atrybut selected wybiera pozycję startową. Na dłuższy tekst służy <textarea> - ma znacznik zamykający, a rows i cols ustalają liczbę wierszy i szerokość w znakach. Rozwiń listę i napisz kilka zdań w polu wiadomości.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Lista i wiadomość</title>
</head>
<body>
  <h1>Napisz do nas</h1>
  <form>
    <p>
      <label for="klasa">Klasa:</label>
      <select id="klasa" name="klasa">
        <option value="7">Klasa 7</option>
        <option value="8" selected>Klasa 8</option>
        <option value="1lo">Liceum, klasa 1</option>
      </select>
    </p>
    <p>
      <label for="wiadomosc">Wiadomość:</label><br>
      <textarea id="wiadomosc" name="wiadomosc" rows="4" cols="40" placeholder="Wpisz treść..."></textarea>
    </p>
    <button type="button">Wyślij</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.