Inputy aneb určujeme vstupní data
Input
Jedná se o nepárový tag, jehož funkce a vzhled je ovlivněna atributem type. Níže jsou uvedeny nejpoužívanější typy, pro celkový přehled navštivte stránku W3Schools.
type="text"
Výchozí formulářový prvek, pokud není uveden atribut type. Slouží k zadání textové hodnoty.
type="number"
Formulářový prvek k zadávání číselné hodnoty. Využívá vlastnosti min, max a step.
type="radio"
Výběrové pole, z které lze vybrat pouze jediná možnost. Pro zajištění správné funkce je nutné mít u všech možností vlastnost name se stejnou hodnotou, viz níže. Při potřebě vybrat výchozí hodnotu je možné využít vlastnost checked u požadované možnosti.
type="checkbox"
Zaškrtávací výběrové pole umožňující vybrat více možností. Umožňuje také využít vlastnost checked.
type="submit"
Tlačítko potvrzující odeslání formuláře.
type="reset"
Tlačítko resetující data ve formuláři. Nezpůsobí odeslání dat a opětovné načtení stránky.
Vlastnosti formulářových prvků
Formulářové prvky mohou mít kromě dříve zmíněného atributu type ještě více vlastností. Jejich využití závisí na typu prvku. Níže jsou uvedeny některé základní vlastnosti.
name: nejdůležitější vlastnost formulářového prvku. Pod tímto indexem jsou data odesílána.
value: vstupní data daného prvku, která jsou při potvrzení formuláře odeslána.
placeholder: text zobrazující se v prázdném prvku. Po zadání vstupních dat zmizí. ze ho považovat za nápovědu uživateli, co má zadat.
min: minimální hodnota, kterou uživatel může zadat do vstupního pole typu number.
max: maximální hodnota, kterou uživatel může zadat do vstupního pole typu number.
step: určuje hodnotu, o kterou se bude navyšovat hodnota ve vstupním poli typu number.
maxlength: udává maximální délku textu, která se do pole dá napsat.
disabled: znemožní uživateli využít daný prvek.
readonly: obdoba vlastnosti disabled.
required: vhodné využít pro zajištění vyplnění všech požadovaných údajů. Neumožní odeslání formuláře, pokud nejsou vyplněny všechny vstupní pole s touto vlastností.
Pozor! Je doporučeno provádět kontrolu vstupních dat i při použití této vlastnosti.
Select
Rozbalovací nabídka, která umožňuje vybrat jeden nebo více prvků. Možnosti k výběru jsou potomci a jsou definovány párovým tagem <option> s atributem value. Výchozí vybraná možnost je první potomek. V případě výběru jiného je možné použít vlastnost selected u požadované možnosti.
Textarea
Pro zadání víceřádkového vstupního pole se využívá tento prvek, který se zapisuje pomocí párového tagu <textarea>. Výchozí hodnota prvku se zapisuje mezi počáteční a koncovou značku. Jeho velikost je možné ovlivnit pomocí atributů rows (výška, počet řádků) a cols (šířka, počet sloupců).
Button
Alternativa k inputu typu submit, která také zajišťuje odesílání formuláře. Jedná se však o párový tag, kde text tlačítka je opět mezi počáteční a koncovou značkou. Má široké využití, nemusí být pouze potomek formuláře.
