Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

textarea - Český HTML 5 manuál

<textarea> slouží pro zadání libovolně dlouhého textu s více řádky do formuláře. Můžete do něj zadat např. poštovní adresu, nebo třeba i delší článek. Jako výchozí je k vykreslení vloženého textu použito neproporcionální písmo. Tag je párový, výchozí hodnota pole je text uvnitř tagů <textarea> a </textarea>.

Atributy

Můžeme zadat následující atributy:

  • autofocus - Atribut je typu boolean. Pokud je uveden, element se zaktivní po načtení stránky.
  • cols - Počet sloupců (znaků na řádek). Obvykle se šířka nastavuje spíše CSS vlastností width.
  • disabled - Atribut je typu boolean. Pokud je uveden, nelze do pole vkládat text a je obvykle vykresleno jako zašedlé.
  • 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.
  • maxlength - Udává maximální počet znaků, jež mohou být do pole vloženy.
  • 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.
  • 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.
  • readonly - Atribut je typu boolean. Pokud je uveden, nelze text uvnitř pole editovat.
  • required - Atribut je typu boolean. Pokud je uveden, znamená to, že pole musí být pro odeslání formuláře vyplněné.
  • rows - Počet řádků pole. Většinou se výška nastavuje spíše přes CSS vlastností height.
  • wrap - Udává, jak se má text v poli zalamovat. Hodnota hard zalomí text tak, že je zalomený i po odeslání. Hodnota soft udává, že se má text zalomit pouze pro zobrazení a odešle se jako nezalomený.

Ukázka použití

<textarea name="komentar" rows="5" cols="40" placeholder="Zde nám prosím napiště připomínky k našemu programu"></textarea>

Výsledek:

textové pole pomocí tagu textarea v HTML formuláři - Formuláře - Český HTML 5 manuál

 

Všechny články v sekci
Formuláře - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity