Element input

Element input vytvára rôzne prvky HTML formulára: obyčajné vstupné pole, pole pre zadanie hesla, začiarkavacie políčko checkbox, prepínače (radio), tlačidlo.

Element input by mal byť umiestnený vo vnútri elementu form. Nie je to povinné, ale je potrebné pre odoslanie údajov na server a ich následné spracovanie cez PHP.

Nevyžaduje uzatvárací tag.

Atribúty

Atribút	Popis
type	Nastavuje typ vstupného poľa. Možnosti pozri nižšie.
value	Predvolená hodnota vo vstupnom poli. V prípade tlačidla nastavuje jeho text. Podrobnejšie pozri atribút value.
placeholder	Pomocný text vo vstupnom poli, podrobnejšie pozri atribút placeholder.
name	Názov vstupného poľa. Potrebný na to, aby bolo možné získať údaje vstupného poľa v PHP. Pre korektnú funkciu formulára by sa názvy vstupných polí nemali navzájom zhodovať (v rámci jedného formulára). Ak sa zhodujú - v PHP prídu údaje toho vstupného poľa, ktoré je nižšie v HTML kóde.
disabled	Blokuje prvok formulára (nielen input, ale prakticky akýkoľvek), podrobnejšie pozri atribút disabled.

Hodnoty atribútu type

Hodnota	Popis
text	Vytvára obyčajné textové vstupné pole.
password	Vytvára textové vstupné pole pre heslo. Skúste doň zadat text - zobrazí sa ako hviezdičky.
checkbox	Vytvára začiarkavacie políčko checkbox. Podrobnejšie pozri checkbox.
radio	Vytvára prepínač radio. Podrobnejšie pozri radio.
hidden	Vytvára skrytý input, ktorý nebude viditeľný na obrazovke, ale bude odosielať údaje obsiahnuté v atribúte value na server.
button	Vytvára tlačidlo. Stlačenie tohto tlačidla neodosiela formulár na server. Môže byť použitý vo vnútri odkazu alebo cez JavaScript. Predvolene tlačidlo nemá text (príklad tlačidla bez textu: ), nastavuje sa pomocou value. Pozri tiež element button, ktorý tiež vytvára tlačidlo.
submit	Vytvára tlačidlo, ktoré odošle údaje na server. Text tlačidla závisí od prehliadača, možno ho zmeniť pomocou value. Pozri tiež element button, ktorý tiež vytvára tlačidlo.
reset	Vytvára tlačidlo, ktoré vyčistí vyplnený formulár. Text tlačidla závisí od prehliadača, možno ho zmeniť pomocou value.
file	Vytvára tlačidlo pre výber súboru. Dizajn tohto tlačidla nie je možné meniť cez CSS (avšak existujú prefíkané spôsoby). Ak potrebujete takéto pole vo formulári, element form musí mať atribút enctype s hodnotou multipart/form-data.

Nové hodnoty atribútu type v HTML5

Tieto hodnoty atribútu sú nové, objavili sa až v HTML5, preto v niektorých prehliadačoch nemusia fungovať alebo môžu fungovať rozdielne v rôznych prehliadačoch.

V prípade, že prehliadač nerozumie obsahu atribútu type (napríklad, ak nie je podporovaný alebo zadaný chybne), bude prvok považovať za obyčajné textové vstupné pole, akoby v type bola hodnota text.

Pozrite si uvedené príklady v rôznych prehliadačoch. Skúste zadať do inputov text a stlačte tlačidlo na odoslanie. Ak je text nekorektný alebo je pole prázdne - prehliadač zobrazí chybu. Napríklad, ak do poľa s typom email zadáte nekorektný email - prehliadač nedovolí odoslať formulár a zobrazí chybové hlásenie (text chyby a jej vzhľad nie je možné meniť pomocou html css). Ak je pole prázdne - prehliadač tiež zobrazí chybu, to sa dosiahne pomocou atribútu required:

Hodnota	Popis
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

Pozri tiež