Generator formularzy HTML - pola, etykiety i kod
Dodaj pola, przypisz im nazwy i etykiety, a następnie pobierz szablon formularza.
Przejdź do narzędziaDodaj pola, przypisz im nazwy i etykiety, a następnie pobierz szablon formularza. Podgląd pozwala sprawdzić układ i natywną walidację pól.
Spis treści
Wynik i eksport
Uzupełnij dane.
Jak działa narzędzie
Nadaj tytuł i wybierz typy pól. Uzupełnij ich nazwy techniczne, etykiety, pomoc oraz opcje wyboru. Ustal kolejność i wymagane dane. Kliknij „Utwórz formularz”, sprawdź podgląd i pobierz HTML.
Szczegóły techniczne
Generator tworzy jawne powiązania label i id oraz unikatowe nazwy name. Pola wymagane mają atrybut required i widoczne oznaczenie. Grupy radio korzystają z fieldset i legend, a pomoc jest połączona przez aria-describedby. Typy email, URL, liczba i data używają mechanizmów przeglądarki. Teksty użytkownika są kodowane jako treść lub wartości atrybutów HTML.
FAQ
Czy formularz wysyła wiadomości?
Nie. Kod jest statycznym szablonem. Aby odbierać dane, trzeba skonfigurować własny backend i sposób wysyłania.
Czy pola mają etykiety?
Tak. Generator łączy etykiety i pomoc z polami, a grupy radio otrzymują legendę. Dostępność całej witryny zależy także od późniejszej integracji.
Czy required zastępuje walidację na serwerze?
Nie. Walidacja przeglądarki pomaga podczas wypełniania. Odbiorca danych musi sprawdzać je ponownie.
Ograniczenia narzędzia
Maksymalnie 20 pól i 2–30 opcji dla listy lub grupy radio. Nazwy pól: małe litery ASCII, cyfry i podkreślenie, początek literą. Eksport jest szablonem bez backendu: przycisk wysyłania jest wyłączony, a method="dialog" poza dialogiem nie wysyła danych. Integracja wymaga ustawienia action i method, włączenia przycisku, odbiorcy oraz walidacji po stronie serwera. Pobierany dokument ma też CSP form-action none; przy integracji należy dopasować tę regułę do własnego odbiorcy. Nie dodaje się usługi pocztowej, przechowywania danych ani gotowych zgód prawnych.
Źródła i aktualizacja
- WHATWG — formularze HTML — sprawdzono 18.09.2026.
- WHATWG — wysyłanie formularzy — sprawdzono 18.09.2026.