Atributy HTML5 Textarea: Zdes Co byste měli vědět “ HTML5 Textarea Atributy: Co byste měli vědět? Zde je to, co byste měli vědět
K čemu slouží <textarea>?
Většina formulářů HTML se skládá z nadřazeného prvku formuláře, několika vstupních prvků (z nichž alespoň jeden bude typu submit) a jednoho nebo více textových polí. Pokud potřebujete, aby formulářová pole přijímala e-mailové adresy, telefonní čísla a další obsah, který lze snadno definovat, použijte příslušný vstupní typ. Pokud však potřebujete pole, které může přijímat libovolnou kombinaci a délku písmen, čísel a symbolů prostého textu, je pro vás vhodným prvkem <textarea>
.
Atributy textových polí HTML5
HTML5 zavedlo několik nových atributů, které lze použít s prvky textových polí. Zde jsou některé z nejdůležitějších:
-
form
: Spojuje textový prostor s formulářem. Jako hodnotu pro atributy formuláře textarea použijte atribut ID formuláře. To umožňuje umístit textovou oblast kamkoli na webovou stránku, dokonce i mimo prvek formuláře, a přesto bude obsah textové oblasti zahrnut při odeslání formuláře. -
maxlength
aminlength
: Slouží k určení minimálního nebo maximálního počtu znaků, které lze do textové oblasti zadat. -
placeholder
: Přidá do textové oblasti zástupný text, který zmizí, jakmile uživatel umístí kurzor do prvku. -
required
: -
wrap
: Určuje, zda mají být k obsahu odesílanému v textové oblasti přidány tvrdé návraty.
Atributy v akci
Zde je příklad, jak lze některé z těchto nových atributů použít k řízení chování textové oblasti.
<p>This text area is limited to just 10 characters</p> <textarea cols="50" rows="3" maxlength="10" placeholder="Just 10 characters allowed"></textarea> <p>This text area is readonly and cannot be changed</p> <textarea cols="50" rows="3" readonly>This value can't be changed</textarea>
If we pair those textarea elements with a simple script and button element, we get the following form: