Textarea HTML Šablony

HTML šablony textarea pro strukturovaná pole

Většina potíží s víceřádkovým polem začíná v kódu: žádný popisek propojený s polem, žádný název pro odeslání dat, nic, co by návštěvníkovi napovědělo, zda se očekávají dvě věty nebo dva odstavce. Šablona prvku „textarea“ řeší tyto náležitosti jako první.

Základní kód: Label, Name, Rows

Kompletní pole podpory vyžaduje málo. Popisek jako „Popište problém“ odkazuje na ovládací prvek prostřednictvím hodnoty „for“; ovládací prvek tuto hodnotu opakuje jako své „id“, nese „name“ jako „message“, otevírá se na šesti řádcích a nabízí placeholder jako „číslo objednávky, co se stalo, co jste zkusili“.

Zásadní význam zde mají čtyři detaily:

1. „for“ u popisku a shodné „id“ u ovládacího prvku oba prvky propojují, takže kliknutí na text umístí kurzor do pole a asistenční technologie je čtou jako jeden celek;
2. „name“ je klíč, pod kterým je odpověď odeslána, a pole bez něj nepředá žádná data;
3. „rows“ určuje, kolik řádků je viditelných před zahájením posouvání, což je jasné vodítko ohledně očekávané délky;
4. „placeholder“ zobrazuje příklad a nikdy nenahrazuje popisek, protože při prvním stisku klávesy zmizí.

„cols“ je jeho horizontální protějšek a většina šablon jej vynechává.

Atributy pro povinné nebo omezené odpovědi

Krátký komentář a reklamace vyžadují odlišné záruky a tři atributy pokrývají většinu těchto potřeb:

1. „required“ zabrání odeslání prázdného formuláře a patří do pole, bez kterého se váš tým neobejde, obvykle k popisu problému;
2. „minlength“ stanovuje spodní hranici tam, kde jsou jednoslovné odpovědi nepoužitelné, například u zadání projektu;
3. „maxlength“ omezuje příliš dlouhé záznamy a funguje nejlépe vedle počitadla, které s prvkem propojuje „aria-describedby“.

Výsledkem jsou znatelně odlišné šablony. Zpráva na podporu si zachovává příznak required, šest řádků a limit téměř 1200 znaků. Popis projektu zabírá 10 řádků s minimem přibližně 80 znaků. Recenze zůstává volitelná a neomezená, protože spodní limit by od psaní odrazoval.

Přístupné pořadí před odesláním

Na posloupnosti v dokumentu záleží stejně jako na atributech. Nejprve popisek, poté případný pomocný text, následně ovládací prvek a nakonec prostor pro validační zprávu. Při hlasitém předčítání dává toto pořadí smysl a návštěvník procházející formulář tabulátorem získá vysvětlení dříve než prázdné pole. „aria-describedby“ propojuje pomocný text a počitadlo znaků s ovládacím prvkem a žádný zástupný text tuto vazbu nenahradí.

Nicepage sestavuje stejnou strukturu pomocí prvku Contact Form Element, který udržuje popisky, ovládací prvky i odesílání v přesném pořadí.

Vyberte si šablonu podle popisku, který potřebujete, podle toho, zda je odpověď povinná, jakou délku očekáváte, jaké nápovědy návštěvníkovi poskytnete a jaká validace za formulářem stojí.