input typu text - Český HTML 5 manuál

Element <input> se používá ve formulářích, kde umožňuje uživateli vkládat data. Může mít mnoho podob, které se liší různým nastavením atributu type.

Text je výchozí typ elementu <input>. Jedná se o krátký text na jeden řádek (např. k zadání jména). Můžeme dospecifikovat atributy:

• size - Velikost pole, tedy počet znaků. Výchozí hodnota je 20. Šířku můžeme samozřejmě nastavit i přes CSS.
• maxlength - Maximální délka zadávaného textu, může být delší než size.

Následující atributy jsou společné pro všechny typy inputů:

• autocomplete - Nabývá hodnot on a off, přičemž on je výchozí. Pokud je autocomplete zapnutý, nabízí prohlížeč uživateli při vyplňování údajů našeptávač, který zobrazuje dříve zapsané hodnoty.
• disabled - Atribut je typu boolean. Pokud je uveden, nelze měnit hodnotu elementu a ten je často zobrazen jako zašedlý.
• list - Obsahuje id elementu datalist, položky listu poté slouží jako předdefinované možnosti <input> elementu.
• readonly - Atribut je typu boolean. Pokud je uveden, nelze hodnoty v daném poli editovat.
• name - Definuje jméno elementu. Jméno musí být unikátní vzhledem k formuláři a je po odeslání použito jako klíč v dvojici klíč-hodnota, která se na server odešle.
• value - Přednastavená hodnota pole.
• autofocus - Atribut je typu boolean. Pokud je uveden, element se zaktivní po načtení stránky.
• form - Element může být definován mimo formulář a následně být k tomuto formuláři připojen uvedením atributu form s hodnotou id formuláře. Element může patřit více formulářům.
• pattern - Obsahuje regulární výraz, podle kterého se má hodnota v poli validovat.
• placeholder - Definuje text, který se zobrazí v případě, že je pole prázdné. Obvykle je vykreslen zašedle a slouží jako nápověda.
• required - Atribut je typu boolean. Pokud je uveden, znamená to, že pole musí být pro odeslání formuláře vyplněné.

<input> typu text zapíšeme např. takto:

Jméno: <input type="text" name="jmeno" size="12" placeholder="Tvé jméno" />

A výsledek: