[Intum Pomoc](https://intum.pl/pomoc.md) / [Formularze](https://intum.pl/pomoc/formularze.md)

# [Pola formularza](https://intum.pl/pomoc/formularze/form-pola-formularza.md)

Pola to pytania, które zobaczy wypełniający, plus elementy, które sam formularz porządkują -
nagłówki i akapity wyjaśniające. Dodajesz je w edycji formularza, w prawej części ekranu.

> [!PATH]
> [Formularze](app:/form/forms) → *wybrany formularz* → **Edytuj**

## Dodawanie i kolejność {#dodawanie-i-kolejnosc}

Kliknij **Dodaj element**. Otworzy się okno z kafelkami wszystkich rodzajów pól - każdy kafelek
pokazuje, jak takie pole wygląda w formularzu. Po wybraniu pole ląduje na końcu listy, a po prawej
otwiera się panel z jego ustawieniami.

Kolejność zmieniasz przeciągając pola. To, co widzisz na liście, zobaczy wypełniający - łącznie
z kolejnością, więc dane kontaktowe zwykle idą na koniec, a nie na początek.

Pole usuwasz z jego panelu ustawień, przyciskiem **Usuń pole**. Uwaga: wypełnienia pokazują
odpowiedzi na pytania, które formularz ma **teraz**, więc po usunięciu pola zebrane na nie
odpowiedzi przestają być widoczne także we wcześniejszych wypełnieniach. Nie są skasowane, ale
na ekranie ich już nie zobaczysz. Jeśli pytanie przestało być potrzebne, a odpowiedzi chcesz mieć
pod ręką, wyeksportuj wypełnienia do arkusza przed usunięciem pola -
patrz [Wypełnione formularze](formularze/form-wypelnione-formularze).

## Rodzaje pól {#rodzaje-pol}

**Do zbierania odpowiedzi:**

- **Małe pole tekstowe** - jedna linijka: imię, nazwa firmy, adres e-mail, telefon
- **Duże pole tekstowe** - kilka linijek na opis sprawy. Możesz ustawić **Wielkość pola**, czyli ile
  linijek zajmuje, zanim pojawi się pasek przewijania
- **Pole wyboru** - lista rozwijana, jedna odpowiedź z wielu. Dobre przy dłuższych listach
- **Pole radio** - te same opcje, ale wszystkie widoczne naraz, jedna do wybrania. Czytelniejsze
  przy dwóch, trzech możliwościach
- **Pole wielokrotnego wyboru** - kwadraciki, można zaznaczyć kilka naraz
- **Załączniki** - miejsce na plik: zdjęcie usterki, wypełniony dokument, zrzut ekranu

**Do układania formularza:**

- **Tytuł** - nagłówek dzielący dłuższy formularz na części („Dane kontaktowe", „Opis sprawy")
- **Paragraf** - akapit tekstu. Tu wpisuje się wyjaśnienie, zgodę na przetwarzanie danych albo
  informację, w jakim czasie odpowiadacie. Nie ma pytania ani miejsca na odpowiedź

## Ustawienia pola {#ustawienia-pola}

Po kliknięciu pola otwiera się panel po prawej. Co w nim jest, zależy od rodzaju:

- **Nazwa** - treść pytania, widoczna nad polem. Ma ją każdy element poza paragrafem
- **Czy wymagane** - bez wypełnienia takiego pola formularza nie da się wysłać. Wymagaj tylko tego,
  bez czego naprawdę nie da się sprawy załatwić - każde dodatkowe pole obowiązkowe to część osób,
  które rezygnują w połowie
- **Podpowiedź** - szary tekst w pustym polu, na przykład „jan@firma.pl". Podpowiedź to przykład,
  nie zamiennik pytania - znika, gdy ktoś zacznie pisać
- **Opcje** - lista możliwości dla pól wyboru, jedna w każdej linii
- **Opis** - treść akapitu, przy polu Paragraf
- **Mapuj na** - dokąd trafia ta odpowiedź, gdy formularz tworzy klienta, zadanie, interes albo
  wiadomość. Opisuje to [Mapowanie wypełnień](formularze/form-mapowanie-wypelnien)
- **Nazwa zmiennej do użycia w odpowiedzi** - krótka nazwa, którą wstawisz do
  treści maila, podziękowania po wysłaniu albo do wstępnego wypełniania pola ze strony. Wpisz
  `imie`, a w treści użyjesz `{{ imie }}` - patrz [Maile z formularza](formularze/form-maile-z-formularza) i
  [Wstępnie wypełnione pola](formularze/form-formularz-na-stronie#wstepnie-wypelnione-pola). Jeśli nie ustawisz
  własnej nazwy, formularz i tak nada polu techniczną (`field123`) - działa jako zmienna, tylko
  trudniej ją zapamiętać

### Walidacja {#walidacja}

Małe pole tekstowe może sprawdzać, czy odpowiedź ma właściwy kształt, zanim formularz w ogóle
pozwoli go wysłać. Ustawiasz to w panelu pola, w **Walidacja**. Do wyboru:

- **Email** - tylko małe litery, cyfry i typowe znaki adresu (`jan@firma.pl`); wielka litera w
  adresie zostanie odrzucona jako błąd
- **Email (duże i małe litery)** - to samo, ale akceptuje też wielkie litery w adresie (np.
  `Jan.Kowalski@Firma.pl`) - bezpieczniejszy domyślny wybór dla zwykłego pola e-mail
- **Liczba** - same cyfry
- **Alfanumeryczne** - litery i cyfry, bez znaków specjalnych

## Sprawdź, zanim opublikujesz

Podgląd po prawej pokazuje układ, ale nie zachowanie. Czy pole obowiązkowe naprawdę blokuje
wysłanie i czy walidacja adresu działa, zobaczysz dopiero na stronie testowej formularza - opisuje
ją [Formularz na stronie](formularze/form-formularz-na-stronie#sprawdzenie-przed-publikacja).

## Gdy coś nie działa {#gdy-cos-nie-dziala}

- **Formularz nie wysyła się, choć wszystko wygląda w porządku** - zwykle to puste pole
  obowiązkowe albo walidacja adresu e-mail (np. wielka litera w polu z walidacją **Email**), które
  blokują wysłanie komunikatem tuż przy polu. Patrz [Wysłanie formularza nic nie
  robi](formularze/form-problemy-wysylka)
- **Po usunięciu pola dawne odpowiedzi na nie zniknęły z widoku wypełnień** - to zamierzone
  zachowanie, nie usterka: widok pokazuje pytania z aktualnej wersji formularza, a dane zostają w
  bazie. Patrz [Po zmianie pól stare odpowiedzi zniknęły z
  widoku](formularze/form-problemy-znikniete-odpowiedzi)