Elementy formularza

Wprowadzenie

Formularz składa się z różnych elementów: pól tekstowych, przycisków, list rozwijanych.

---

Teoria / Wyjaśnienia

• Podstawowe elementy formularza:
  • <input> – krótkie pola (tekst, email, hasło itd.),
  • <textarea> – większe pole tekstowe,
  • <select> + <option> – lista rozwijana,
  • <button> – przyciski.

---

Praktyczne przykłady

Przykład

<form>
  <label>
    Imie:
    <input type="text" name="imie">
  </label>

  <label>
    Wiadomosc:
    <textarea name="wiadomosc"></textarea>
  </label>

  <label>
    Kraj:
    <select name="kraj">
      <option>Polska</option>
      <option>Niemcy</option>
      <option>Czechy</option>
    </select>
  </label>

  <button type="submit">Wyslij</button>
</form>

---

Ćwiczenie

1. Rozszerz formularz kontaktowy o pole select z tematem wiadomości.
2. Zmień przycisk tak, aby używał <button> zamiast <input type="submit">.
3. Dodaj placeholder do pól tekstowych.