input typu file - Slovenský HTML 5 manuál

Element sa používa vo formulároch, kde umožňuje užívateľovi vkladať dáta. Môže mať mnoho podôb, ktoré sa líšia rôznym nastavením atribútu type.

Input typu file umožňuje k formuláru pripojiť súbor. Ten sa potom odošle spolu s formulárom.

Atribúty:

• accept - Umožňuje určiť MIME typy súborov, ktoré je prípustné vybrať. Môžeme využiť špeciálnych hodnôt audio / *, video / * a image / *. Ďalej môžeme samozrejme uviesť klasické MIME typy ako napr. Image / jpeg alebo text / plain. Je možné viaceré hodnôt, ktoré oddelíme čiarkou.
• multiple - Atribút je boolean. Ak je uvedený, je možné vybrať viac súborov.

Pozor, ak formulár obsahuje typu file, je nutné, aby bol atribút enctype formulára nastavený na hodnotu multipart / form-data.

Nasledujúce atribúty sú spoločné pre všetky typy inputov:

• autocomplete - Vstupuje hodnôt on a off, pričom on je predvolený. Ak je autocomplete zapnutý, ponúka prehliadač užívateľovi pri vyplňovaní údajov našepkávač, ktorý zobrazuje skôr zapísané hodnoty.
• disabled - Atribút je boolean. Ak je uvedený, nemožno meniť hodnotu elementu a ten je často zobrazený ako zašednutý.
• list - Obsahuje id elementu datalist, položky listu potom slúžia ako preddefinované možnosti elementu.
• readonly - Atribút je boolean. Ak je uvedený, nemožno hodnoty v danom poli editovať.
• name - Definuje meno elementu. Meno musí byť unikátne vzhľadom k formuláru a je po odoslaní použité ako kľúč v dvojicu kľúč-hodnota, ktorá sa na server odošle.
• value - Prednastavená hodnota poľa.
• autofocus - Atribút je boolean. Ak je uvedený, element sa zaktivní po načítaní stránky.
• form - Element môže byť definovaný mimo formulár a následne byť k tomuto formuláru pripojený uvedením atribútu form s hodnotou id formulára. Element môže patriť viac formulárom.
• pattern - Obsahuje regulárny výraz, podľa ktorého sa má hodnota v poli validovať.
• placeholder - Definuje text, ktorý sa zobrazí v prípade, že je pole prázdne. Zvyčajne je vykreslený zašednuté a slúži ako pomocník.
• required - Atribút je boolean. Ak je uvedený, znamená to, že pole musí byť pre odoslanie formulára vyplnené.

Ukážka nahratie súborov na web pomocou inputu typu file:

Připoj obrázek s tvojí originální podobou:<br />
<input type="file" name="foto" accept="image/*" />

výsledok:

Pozor! Nemôžeme sa spoliehať na to, že používateľ súbor daného typu neodošle. HTML stránka je na jeho počítači a on si môže formulár prepísať a odoslať nám niečo, čo nechceme. S tým musí skript na druhej strane počítať a dáta rovnako znova zvalidovat!