7. Pozostałe popularne inputy i pola

Inputy, które pojawiają się bardzo często, ale nie w każdym formularzu.

Najczęściej używane – ciąg dalszy

<!-- 1. Duża wielolinijkowa treść -->
<label for="wiadomosc">Wiadomość:</label>
<textarea name="wiadomosc" id="wiadomosc" rows="5" placeholder="Napisz coś..." required></textarea>

<!-- 2. Wybór daty -->
<label for="data">Data urodzenia:</label>
<input type="date" id="data" name="data_urodzenia">

<!-- 3. Wybór godziny -->
<label for="godzina">Godzina spotkania:</label>
<input type="time" id="godzina" name="godzina">

<!-- 4. Liczba (strzałki ↑↓) -->
<label for="ilosc">Ilość osób:</label>
<input type="number" id="ilosc" name="ilosc" min="1" max="10" step="1" value="2">

<!-- 5. Zakres (suwak) -->
<label for="glosnosc">Głośność:</label>
<input type="range" id="glosnosc" name="glosnosc" min="0" max="100" value="50">

<!-- 6. Kolor -->
<label for="kolor">Ulubiony kolor:</label>
<input type="color" id="kolor" name="kolor" value="#ff6347">

<!-- 7. Plik (zdjęcie, pdf itp.) -->
<label for="zdjecie">Zdjęcie profilowe:</label>
<input type="file" id="zdjecie" name="zdjecie" accept="image/*">

Zadanie

Stwórz formularz rezerwacji stolika zawierający:

• imię i nazwisko (text)
• data (type=date, required)
• godzina (type=time, required)
• ilość osób (type=number, min=1, max=12)
• uwagi (textarea)
• przycisk „Zarezerwuj”
• action="/rezerwacja" method="post"