# Návod: Jak pracovat s atributy polí

> Jak polím ve formuláři nastavit pravidla — povolené typy souborů, rozsah čísel nebo povinné vyplnění. Nejčastější případy použití.

- **Zdroj:** https://www.webotvurci.cz/navody/kontaktni-formulare/navod-jak-pracovat-s-atributy-poli/
- **Doplněk / kategorie:** Kontaktní formuláře (https://www.webotvurci.cz/navody/kontaktni-formulare/)
- **Datum:** 2026-03-02
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

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](https://www.webotvurci.cz/uploads/navody/image-1.png)

![Záložka Atributy u pole formuláře s vyznačeným tlačítkem + Atribut](https://www.webotvurci.cz/uploads/navody/image-1024x208.png)

![Dialog prohlížeče pro zadání názvu atributu s vyplněnou hodnotou accept](https://www.webotvurci.cz/uploads/navody/image-2.png)

**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](https://www.webotvurci.cz/uploads/navody/image-3.png)

![Pole pro nahrání souboru s atributem Accept omezeným na .doc, .docx a .pdf](https://www.webotvurci.cz/uploads/navody/image-4.png)

**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)

---

*Návod pochází z webu Webotvůrci — Zlatý a Premium partner Shoptetu.*
*Všechny návody: https://www.webotvurci.cz/navody/ · Kontakt: jsme@webotvurci.cz*