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 a minlength: 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:

Adam is a technical writer who specializes in developer documentation and tutorials.