Testovací stránka formulářových prvků

Textové pole (jednořádkový vstup)

Textová oblast (víceřádkový vstup)

E‑mailové pole

Insert number

Date

Choose One Option

Zaškrtávací políčko – souhlas / volba

Skupina zaškrtávacích políček (více voleb)

Check All That Apply

First Choice

Second Choice

Third Choice

Choose One Option

First Choice

Second Choice

Third Choice

Upload a File

Choose File

I agree to the processing of my personal data for marketing purposes

Phone number

Tato stránka slouží jako jednoduchá ukázka a testovací prostředí pro běžné formulářové prvky na webu. Můžete zde ověřit chování jednotlivých typů polí, jejich vzhled a základní interakce v prohlížeči. Najdete zde textová pole, víceřádkové textové oblasti, pole pro e‑mail a čísla, rozbalovací seznamy, přepínače (radio), zaškrtávací políčka, prvky pro nahrávání souborů i různá tlačítka pro odeslání či reset formuláře. Stránka je určena pro rychlé testování, ladění stylů a demonstraci možností HTML formulářů.

Ukázka základních typů formulářových polí

Jednořádkové textové pole (text) – Slouží pro běžné krátké texty: jméno, příjmení, název firmy, přezdívka apod. – Vyplňujte stručně a věcně, bez zbytečných znaků. – Používejte správná velká a malá písmena (např. „Jan Novák“). – Nepište sem citlivé údaje, pokud to formulář výslovně nevyžaduje.

Pole pro e‑mail (email) – Určeno výhradně pro e‑mailovou adresu. – Musí obsahovat znak @ a doménu (např. uzivatel@example.cz). – Nepoužívejte mezery ani diakritiku. – Zkontrolujte překlepy – špatný e‑mail znemožní doručení odpovědi.

Telefonní číslo (tel) – Slouží pro zadání telefonního čísla. – Pište číslo včetně předvolby, ideálně ve formátu +420 123 456 789. – Nepoužívejte písmena, pouze číslice a případně mezery. – Ověřte, že jde o aktuální a dostupné číslo.

Číselné pole (number) – Používá se pro čistě číselné údaje: věk, počet kusů, částka apod. – Zadávejte pouze číslice, bez písmen a speciálních znaků. – Respektujte případné minimum/maximum (např. 1–10). – U desetinných čísel použijte tečku nebo čárku podle pokynů formuláře.

Heslo (password) – Slouží pro zadání hesla, které se při psaní nezobrazuje. – Volte silné heslo: kombinace malých a velkých písmen, číslic a speciálních znaků. – Nepoužívejte snadno uhodnutelné údaje (jméno, datum narození). – Heslo nikomu nesdělujte a nezapisujte ho do veřejně dostupných míst.

Webová adresa (url) – Určeno pro zadání odkazu na webovou stránku. – Pište ve tvaru https://www.priklad.cz nebo https://domena.cz. – Zkontrolujte, že adresa skutečně existuje a vede na správnou stránku. – Nepřidávejte zbytečné mezery ani jiné znaky na začátek či konec.

Vyhledávací pole (search) – Slouží k zadání dotazu pro vyhledávání. – Pište klíčová slova, která co nejlépe vystihují, co hledáte. – Můžete použít více slov (např. „levné ubytování Praha centrum“). – Vyhněte se dlouhým větám, formulujte dotaz stručně.

Víceřádkové textové pole (textarea) – Vhodné pro delší texty: zprávy, komentáře, popisy, zpětnou vazbu. – Pište přehledně, v krátkých odstavcích nebo bodech. – Uveďte všechny důležité informace, ale vyhněte se zbytečnému balastu. – Před odesláním text zkontrolujte – pravopis, srozumitelnost a úplnost.

Výběrové a volitelné prvky formuláře

Rozbalovací seznam (select) slouží pro jednu volbu z více možností. Hodí se tam, kde nechcete zabírat místo a uživatel má vybrat právě jednu hodnotu. Příklad: výběr země, jazyka rozhraní, typu tarifu.

Víceúrovňový výběr (multi-select) umožňuje zvolit více možností najednou. Uživatel obvykle drží klávesu Ctrl/Cmd nebo používá zaškrtávání. Příklad: výběr více kategorií zájmu, technologií, na které má kandidát zkušenost, nebo filtr produktů podle více značek.

Zaškrtávací políčka (checkboxy) představují nezávislé volby. Každé políčko je samostatné a může být zapnuto či vypnuto, často jich je více vedle sebe. Příklad: souhlas se zasíláním newsletteru, výběr doplňkových služeb k objednávce, filtrování podle vlastností (skladem, akce, doprava zdarma).

Přepínače (radio buttony) slouží pro jednu volbu v rámci skupiny. Na rozdíl od selectu jsou všechny možnosti viditelné najednou, což je vhodné, když je počet voleb malý a důležitý. Příklad: volba způsobu platby, frekvence fakturace (měsíčně/ročně), výběr velikosti balení.

Přepínač typu switch (zapnuto/vypnuto) vyjadřuje binární stav podobně jako jedno checkbox políčko, ale vizuálně připomíná fyzický vypínač. Používá se pro nastavení, která mají být rychle pochopitelná jako aktivní/neaktivní. Příklad: zapnutí tmavého režimu, povolení notifikací, zveřejnění profilu.

Pokročilé formulářové prvky pro testování

Nahrávání souboru umožňuje uživateli připojit dokument, obrázek nebo jiná data. Při testování sledujte maximální velikost souboru, povolené typy (např. PDF, JPG) a chování při nahrání příliš velkého nebo nepovoleného souboru. Pole pro datum, čas a kombinované datum‑čas kontrolujte z hlediska formátu, lokalizace (pořadí dne, měsíce, roku) a validace minulých či budoucích hodnot.

Posuvník (range/slider) se hodí pro výběr hodnot v intervalu, např. 0–100. Ověřte minimální a maximální hodnotu, krok a zobrazení aktuálního čísla. Pole pro souhlas se zpracováním údajů by mělo být povinné, jasně popsané a auditovatelné. Tlačítka Odeslat a Reset testujte na správné odeslání dat, zobrazení chybových hlášek a na to, zda reset opravdu vymaže všechna pole bez neočekávaných vedlejších efektů.

Vyzkoušejte formulář hned teď a objevte chyby.

Testovací stránka formulářových prvků

Ukázka základních typů formulářových polí

Výběrové a volitelné prvky formuláře

Pokročilé formulářové prvky pro testování

Advanced settings