+420 728 089 029EN

Návod: Jak pracovat s atributy polí

2 min čtení

V editoru formulářů můžete u každého pole nastavit záložku Atributy. Ta slouží k tomu, abychom uživateli vymezili, co přesně může do formuláře zadat (např. jen určité typy souborů nebo čísla v určitém rozsahu).

Zde jsou nejčastější případy použití:

Omezení nahrávání souborů (File Input)

Pokud používáte pole pro nahrání souboru (File Upload), často potřebujete, aby uživatel nahrál jen konkrétní formát (např. jen PDF nebo jen obrázky). K tomu slouží atribut accept.

  • Kde to najdu: Klikněte na editaci pole pro soubor → záložka Atributy.
  • Atribut: accept (často je tam již předpřipravený řádek, pokud ne, přidejte ho přes tlačítko + Atribut ).

Pole pro nahrání souboru v editoru formuláře s vyznačenou ikonou tužky pro úpravu

Záložka Atributy u pole formuláře s vyznačeným tlačítkem + Atribut

Dialog prohlížeče pro zadání názvu atributu s vyplněnou hodnotou accept

Příklady hodnot:

  • Pouze PDF: Do hodnoty napište.pdf nebo application/pdf
  • Pouze Obrázky: Do hodnoty napište image/* (případně konkrétně image/png, image/jpeg )
  • Word a PDF: Do hodnoty napište.doc,.docx,.pdf

Administrace Shoptetu, sekce Vzhled a obsah → Editor → záložka HTML kód

Pole pro nahrání souboru s atributem Accept omezeným na .doc, .docx a .pdf

Tip: Jednotlivé přípony oddělujte čárkou bez mezer.

Omezení číselných hodnot (Min / Max)

Pokud používáte pole pro zadávání čísel (Number Input), můžete nastavit minimální a maximální povolenou hodnotu. Uživatel tak nebude moci odeslat formulář, pokud číslo nebude v tomto rozmezí.

  • Kde to najdu: Klikněte na editaci pole pro soubor → záložka Atributy.
  • Nastavení minima:
    • Do levého pole (klíč) napište: min
    • Do pravého pole (hodnota) napište číslo (např. 18 )
  • Nastavení maxima:
    • Do levého pole (klíč) napište: max
    • Do pravého pole (hodnota) napište číslo (např. 100 )

Povinné pole (Required)

Pokud musí uživatel pole vyplnit, zaškrtněte v atributech políčko Požadováno (nebo přidejte atribut required). Formulář nepůjde odeslat, dokud toto pole nebude vyplněné.

Další možnosti a technická dokumentace

Do atributů lze přidat jakýkoliv standardní HTML atribut. Pokud potřebujete nastavit něco specifického, co v nabídce nevidíte, můžete se podívat do oficiální dokumentace prvků:

Seznam všech atributů pro inputy (MDN Web Docs)