Pole wprowadzania tekstu
Zbieraj tekst z precyzją i elastycznością. Od prostych nazw po złożone wzorce, z wbudowaną walidacją, inteligentnym formatowaniem i zaawansowanymi możliwościami personalizacji – pole wprowadzania tekstu dostosowuje się do każdego przypadku użycia dzięki limitom znaków, automatycznemu formatowaniu i bezpiecznym trybom haseł.
Podstawy każdego formularza WordPress
Idealny dla:
Potężne funkcje do każdego zastosowania
📏 Inteligentna kontrola długości
Minimalny i maksymalny limit znaków
Ustaw najkrótszy i najdłuższy dozwolony tekst. Zapobiegaj przesyłaniu zbyt krótkich lub zbyt długich treści dzięki wbudowanej walidacji przeglądarki.
Walidacja w czasie rzeczywistym
Użytkownicy otrzymują natychmiastową informację zwrotną, jeśli ich wpis nie spełnia wymagań dotyczących długości – nie ma żadnych niespodzianek po wysłaniu.
Przykłady:
- Nazwa użytkownika: Min. 3, maks. 20 znaków
- Kod pocztowy: Min. 5, maks. 10 znaków
- Imię: Min. 2, maks. 50 znaków
- Komentarz: Maksymalnie 500 znaków
Dlaczego jest to ważne:
Kontroluj jakość danych, zapobiegaj spamowi, zapewnij zgodność bazy danych i pomóż użytkownikom wprowadzać właściwą ilość informacji.
✅ Wbudowane wzorce walidacji
6 wstępnie skonfigurowanych typów walidacji:
- 1. Brak – Akceptuj dowolny tekst (domyślnie)
2. E-mail – sprawdza poprawność formatu wiadomości e-mail ([email chroniony])
3. URL – wymaga prawidłowego adresu internetowego (https://example.com)
4. Tylko litery – tylko znaki alfabetu i spacje (John Doe)
5. Tylko liczby – tylko cyfry (123456)
6. Alfanumeryczne – litery i cyfry, bez znaków specjalnych (User123)
Plus Wzory niestandardowe:
- Zdefiniuj własną walidację wyrażeń regularnych dla specjalistycznych formatów, takich jak:
- Tablice rejestracyjne: `^[AZ]{3}[0-9]{4}$`
- Kody produktów: `^[AZ]{2}[0-9]{6}$`
- Niestandardowe formaty, unikalne dla Twojej firmy
Natychmiastowa odpowiedz:
Użytkownicy widzą wyraźne komunikaty o błędach, jeśli wprowadzone przez nich dane nie są zgodne z wymaganym formatem.
✂️ Automatyczne przycinanie odstępów
Automatyczne czyszczenie danych
Usuń przypadkowe spacje z początku i końca tekstu. Koniec z „Janem”, gdy chcesz używać „Jana”.
Przypadków użycia:
- Adresy e-mail (bez spacji na końcu)
- Nazwy użytkowników (bez spacji na początku)
- Kody referencyjne (dokładne dopasowania)
- Każda dziedzina, w której liczy się precyzja
Korzyści:
Zmniejsza liczbę błędów użytkownika, poprawia spójność danych, zapobiega problemom z walidacją oraz upraszcza dopasowywanie i wyszukiwanie.
🔒 Tryb hasła
Bezpieczne maskowanie danych wejściowych
Przekształć dowolne pole tekstowe w pole hasła. Znaki są wyświetlane jako kropki (•••), aby chronić poufne informacje przed osobami nieupoważnionymi.
Idealne dla:
- Wprowadzanie hasła i kodu PIN
- Kody bezpieczeństwa i tokeny
- Poufne numery identyfikacyjne
- Kody uwierzytelniania dwuskładnikowego
Inteligentne zachowanie:
Tryb hasła automatycznie wyłącza funkcje powodujące konflikty, takie jak transformacja tekstu i specjalne typy wprowadzania danych, aby zapewnić bezpieczeństwo.
📱 Inteligentne typy danych wejściowych
Zoptymalizowane dla urządzeń mobilnych i komputerów stacjonarnych:
- Tekst normalny – standardowe wprowadzanie tekstu do użytku ogólnego
- Szukaj – zawiera wbudowany przycisk czyszczenia (X) umożliwiający szybkie resetowanie
- Telefon – uruchamia klawiaturę numeryczną na urządzeniach mobilnych, ułatwiając wprowadzanie numeru telefonu
- URL – wyświetla specjalistyczną klawiaturę mobilną ze skrótami .com, .org
Dlaczego jest to ważne:
Odpowiedni sposób wprowadzania danych przyspiesza wprowadzanie danych na urządzeniach mobilnych, zmniejsza liczbę błędów i poprawia komfort użytkowania na wszystkich urządzeniach.
🎨 Automatyczna transformacja tekstu
Formatuj tekst w miarę pisania użytkownika:
- Brak transformacji – tekst pozostaje dokładnie taki, jaki został wprowadzony
- WIELKIE LITERY – Konwertuje cały tekst na wielkie litery (JAN KOWALSKI)
- małe litery – Konwertuje cały tekst na małe litery (jan kowalski)
- Wielka pierwsza litera – Tylko pierwsza litera wielka (Jan Kowalski)
- Tytuł – pierwsza litera każdego słowa (John Doe)
Idealne dla:
- WIELKIE LITERY: Tablice rejestracyjne, kody stanów, identyfikatory produktów
- małe litery: adresy e-mail, nazwy użytkowników
- Wielka litera: początek zdania, pojedyncze imiona
- Tytuły wielkie i małe: pełne imiona i nazwiska, adresy, tytuły
Inteligentne zachowanie:
Transformacja odbywa się automatycznie w momencie przesyłania, a użytkownicy widzą swoje oryginalne dane wejściowe.
🙈 Tryb ukrytego pola
Niewidoczne pola danych
Twórz pola, które nie są widoczne dla użytkowników, ale przesyłają dane za pomocą formularza. Idealne do śledzenia, kodów polecających i wartości systemowych.
Przypadków użycia:
- Parametry śledzenia UTM
- Identyfikatory źródeł poleceń
- Numery wersji formularza
- Znaczniki czasu
- Ukryte metadane
Jak To Działa:
Ustaw „Ukrytą wartość”, a będzie ona automatycznie uwzględniana w każdym formularzu, nie zaśmiecając interfejsu użytkownika.
🔀 Logika warunkowa
Dynamiczna widoczność pola
Pokaż lub ukryj pola tekstowe na podstawie innych wartości formularza. Twórz inteligentne formularze, które dostosowują się do danych wprowadzanych przez użytkownika.
Zaawansowane zasady logiki:
- Logika AND – wszystkie warunki muszą być spełnione
- Logika OR – dowolny warunek może wywołać akcję
- 8 operatorów – Równe, Nierówne, Większe niż, Mniejsze niż, Zawiera, Jest puste i więcej
Przypadków użycia:
- Pokaż „Nazwę firmy” tylko wtedy, gdy typ użytkownika jest równy „Firma”
- Wyświetl „Źródło polecenia”, gdy w polu „Skąd się o nas dowiedziałeś?” znajduje się „Polecenie”
- Ukryj „Inne szczegóły”, gdy opcja główna nie jest pusta
- Wyświetl „Kod promocyjny”, gdy wartość zamówienia przekracza 100 USD
🎯 Ulepszone wrażenia użytkownika
Wbudowane inteligentne funkcje:
- Wartości domyślne – wstępnie wypełnij pola, aby przyspieszyć wypełnianie
- Tekst zastępczy – pokaż pomocne wskazówki przed rozpoczęciem pisania przez użytkownika
- Tekst pomocy – dodaj opisy, aby wyjaśnić, co należy wprowadzić
- Wymagana walidacja – Uczyń pola obowiązkowymi za pomocą wyraźnych wskaźników
- Niestandardowe klasy CSS – zastosuj niestandardowy styl pasujący do Twojej marki
- Wsparcie dostępności – etykiety ARIA dla czytników ekranu
- Zoptymalizowane pod kątem urządzeń mobilnych – przyjazne dla dotyku wprowadzanie danych za pomocą odpowiednich klawiatur
Prosta konfiguracja w 3 krokach
Przygotuj pole wprowadzania tekstu w kilka minut
Dodaj pole tekstowe
Przeciągnij i upuść pole wprowadzania tekstu z sekcji Pola podstawowe do formularza.
Ustaw walidację i limity
Wybierz typ walidacji (e-mail, URL, litery itp.), ustaw minimalny i maksymalny limit znaków i opcjonalnie włącz tryb hasła lub przycinanie spacji.
Konfiguruj formatowanie
Wybierz typ wprowadzania danych na potrzeby optymalizacji dla urządzeń mobilnych, wybierz transformację tekstu (wielkie litery, małe litery itd.) i ustaw wartości domyślne lub symbole zastępcze.
???? Gotowe! Twoje pole tekstowe jest gotowe, z inteligentną walidacją i formatowaniem.
Aplikacje w świecie rzeczywistym
Rejestracja nowego użytkownika
* Pola nazwy użytkownika z ograniczeniami długości
* Wprowadzanie hasła z maskowaniem
* Pola nazw z formatowaniem tytułu wielkimi literami
* Adresy e-mail z walidacją
Formularze kontaktowe
* Imię i nazwisko z wielkimi literami
* Weryfikacja adresu e-mail
* Numery telefonów z wejściem tel.
* Pola wiadomości/komentarza
E-Commerce
* Wprowadź kod promocyjny (wielkimi literami)
* Pola wiadomości prezentowej
* Instrukcje specjalne
* Notatki wysyłkowe
Aplikacje biznesowe
* Numery identyfikacyjne pracowników
* Nazwy działów
* Numery referencyjne
* Kody wewnętrzne
Aplikacje i rejestracja
* Numery licencji
* Kody certyfikacyjne
* Identyfikatory członków
* Identyfikatory niestandardowe
Wyszukiwanie i filtrowanie
* Pole wyszukiwania z przyciskiem „Wyczyść”
* Filtruj pola tekstowe
* Wpisy słów kluczowych
* Dane wejściowe zapytania
Uzupełnij opcje pól
Podstawowa konfiguracja
- Etykieta pola – tytuł wyświetlany nad polem tekstowym
- Opis/Tekst pomocy – Dodatkowe wskazówki dla użytkowników
- Pole wymagane – wprowadź tekst jako obowiązkowy
- Tekst zastępczy – tekst podpowiedzi przed wpisaniem tekstu przez użytkownika
Walidacja długości
- Minimalna długość – najmniejsza liczba dozwolonych znaków (walidacja)
- Maksymalna długość – maksymalna liczba znaków (sztywny limit)
Wartości domyślne
- Wartość domyślna – wstępnie wypełniony tekst po załadowaniu formularza
- Wartość ukryta – wartość dla pól ukrytych (gdy włączony jest tryb ukryty)
Bezpieczeństwo i prywatność
- Pole hasła – wprowadź maskę jako hasło (pokazuje kropki •••)
Ukryte pole – ustaw pole jako niewidoczne, ale uwzględnij je w zgłoszeniach
Jakość danych
Przytnij odstępy – automatycznie usuń dodatkowe spacje na początku i na końcu
Zasady walidacji
- Typ walidacji
- Brak (dowolny tekst)
- E-mail ([email chroniony])
- Adres URL (https://example.com)
- Tylko litery (tylko AZ)
- Tylko cyfry (tylko 0-9)
- Alfanumeryczne (AZ i 0-9)
- Wzorzec niestandardowy (wyrażenie regularne)
- Wzorzec niestandardowy – wyrażenie regularne do niestandardowej walidacji (gdy wybrano opcję „Niestandardowe”)
Typy wejściowe
- Typ wejścia
- Normalny tekst
- Szukaj (z przyciskiem „Wyczyść”)
- Telefon (klawiatura numeryczna w telefonie komórkowym)
- URL (specjalistyczna klawiatura mobilna)
Formatowanie tekstu
- Transformacja tekstu
- Brak transformacji
- DUŻE LITERY
- małe
- Wielka litera na początku
- Tytuł sprawy
Logika warunkowa
- Włącz logikę warunkową – pokaż/ukryj na podstawie warunków
- Typ logiczny
- Wszystkie warunki muszą być spełnione (ORAZ)
- Każdy warunek może być spełniony (LUB)
- Zasady warunkowe
- Pokaż/Ukryj – działanie do podjęcia
- Pole – Które pole należy sprawdzić
- Operator – Równy, Nierówny, Zawiera, Większy niż, Mniejszy niż, Jest pusty, Nie jest pusty
- Wartość – wartość porównawcza
- Wiele warunków – dodawaj nieograniczoną liczbę reguł
Opcje zaawansowane
- Niestandardowe klasy CSS – zastosuj niestandardowy styl
- Atrybuty dostępności – etykiety i opisy ARIA
Dlaczego warto wybrać nasze pole wprowadzania tekstu?
✅ Wszechstronny – działa z nazwami, kodami, hasłami i wszystkim pomiędzy
✅ Inteligentna walidacja – ponad 6 wzorców walidacji i niestandardowe wyrażenia regularne
✅ Zoptymalizowane pod kątem urządzeń mobilnych – odpowiednie klawiatury dla każdego typu wprowadzania danych
✅ Automatyczne formatowanie – transformacja tekstu odbywa się automatycznie
✅ Bezpieczny – tryb hasła chroni poufne informacje
✅ Czyste dane – przycinanie odstępów zapobiega typowym błędom
✅ Elastyczność – pola ukryte, wartości domyślne, logika warunkowa
✅ Przyjazny dla użytkownika – jasne komunikaty dotyczące walidacji prowadzą użytkowników
✅ W pełni zintegrowany – bezproblemowo współpracuje ze wszystkimi funkcjami formularza
Najczęściej zadawane pytania
P: Jaka jest różnica między długością minimalną/maksymalną a walidacją?
Długość minimalna/maksymalna kontroluje liczbę dozwolonych znaków. Walidacja kontroluje, które znaki są dozwolone, na przykład tylko litery, tylko cyfry lub format adresu e-mail.
P: Czy mogę sprawdzić zarówno długość, jak i format?
Tak. Połącz minimalną/maksymalną długość z regułami walidacji. Na przykład ustaw minimalną/maksymalną długość 3, maksymalną długość 15 i walidację alfanumeryczną dla pola nazwy użytkownika.
P: Jak działa tryb hasła?
W trybie hasła znaki są maskowane kropkami, podobnie jak w typowych polach hasła na ekranach logowania.
P: Do czego służy funkcja „trim whitespace”?
Usuwa spacje na początku i na końcu przed wysłaniem, dzięki czemu przypadkowe spacje nie zakłócą walidacji.
P: Czy mogę tworzyć niestandardowe wzorce walidacji?
Tak. Użyj „Wzorca niestandardowego” i dodaj wyrażenie regularne, aby wymusić dowolną potrzebną strukturę.
P: Jak działają transformacje tekstu?
Użytkownik pisze normalnie, a system przekształca tekst w momencie jego przesłania, np. zamieniając go na wielkie litery lub tytuły.
P: Jaki jest typ pola wyszukiwania?
Dodaje wbudowany przycisk „Wyczyść” (X), dzięki któremu użytkownicy mogą natychmiast zresetować pole podczas wyszukiwania.
P: Dlaczego warto używać typu danych wejściowych „tel”?
W wersji mobilnej otwiera się klawiatura numeryczna, dzięki której wprowadzanie cyfr staje się łatwiejsze, jak na telefonie.
P: Czy mogę stosować logikę warunkową w przypadku pól tekstowych?
Tak. Warunki takie jak „Zawiera”, „Równa się” lub „Jest puste” pozwalają wyświetlać lub ukrywać pola na podstawie danych wprowadzonych przez użytkownika.
P: Do czego służą pola ukryte?
Przechowują dane w sposób niewidoczny dla użytkownika, co jest przydatne do śledzenia metadanych, takich jak znaczniki UTM lub źródła odsyłające.
P: Czy pól tekstowych można używać do wprowadzania liczb?
Tak, ale użyj pola „Liczba” do obliczeń lub walidacji liczb. Użyj pola „Tylko liczby” z opcją „Tylko liczby”, gdy potrzebujesz kodów lub identyfikatorów, które nie powinny być traktowane jako liczby.
P: Jak dokładne mogą być wzorce wyrażeń regularnych?
Wyrażenia regularne mogą wymuszać bardzo specyficzne wzorce. Użyj testera wyrażeń regularnych, jeśli chcesz zbudować lub zweryfikować złożone wzorce.
