Textarea HTML Sablonok

Textarea HTML-sablonok strukturált mezőkhöz

A többsoros mezőkkel kapcsolatos legtöbb probléma a jelölésben gyökerezik: nincs a beviteli mezőhöz kapcsolt címke, nincs név az elküldéshez, és semmi sem jelzi a látogatónak, hogy két mondatot vagy két bekezdést várnak-e el. Egy „textarea” sablon először ezeket a részeket tisztázza.

Alapvető jelölés: Label, Name, Rows

Egy hiánytalan támogatási mezőhöz kevés dolog szükséges. Egy címke, például a „Probléma leírása”, a „for” értékén keresztül mutat a vezérlőelemre; a vezérlőelem ezt az értéket ismétli meg az „id” attribútumában, rendelkezik egy „name” attribútummal, például „message”, hat soros magassággal nyílik meg, és olyan helyőrzőt („placeholder”) kínál, mint a „rendelésszám, mi történt, mit próbált meg”.

Négy részlet bír itt kiemelt jelentőséggel:

1. A címke „for” és a vezérlőelem hozzá illeszkedő „id” értéke összekapcsolja a kettőt, így a szövegre kattintva a kurzor a mezőbe kerül, a kisegítő technológiák pedig egyetlen egységként olvassák fel őket;
2. A „name” az a kulcs, amely alatt a válasz beérkezik, és egy mező enélkül semmit sem továbbít;
3. A „rows” határozza meg, hány sor látható a görgetés megkezdése előtt, ami egyértelmű útmutatást ad az elvárt hosszról;
4. A „placeholder” példát mutat, és soha nem helyettesíti a címkét, mivel az első billentyűleütésre eltűnik.

A „cols” a vízszintes megfelelője, amelyet a legtöbb sablon elhagy.

Attribútumok kötelező vagy korlátozott válaszokhoz

Egy rövid megjegyzés és egy garanciális igény eltérő feltételeket kíván, és három attribútum lefedi ezek nagy részét:

1. A „required” megakadályozza az üres űrlapbeküldést, és azon a mezőn a helye, amely nélkül a csapata nem tud dolgozni – ez általában a probléma leírása;
2. A „minlength” alsó határt szab meg ott, ahol az egyszavas válaszok használhatatlanok, például egy projektösszefoglaló esetében;
3. A „maxlength” korlátozza a túl hosszú bejegyzéseket, és akkor a leghatékonyabb, ha egy számláló kíséri, amelyet az „aria-describedby” kapcsol a vezérlőhöz.

Az eredmény jól megkülönböztethető sablonok sora. Egy támogatási üzenet megőrzi a kötelező jelölést, a hat sort és a közel 1200 karakteres limitet. Egy projektleírás 10 sorra terjed ki, körülbelül 80 karakteres alsó határral. Egy értékelés opcionális és korlátlan marad, mivel egy minimális karakterszám elriasztaná az írást.

Akadálymentes sorrend a beküldés előtt

A dokumentumon belüli sorrend éppoly fontos, mint az attribútumok. Először a címke, majd az esetleges segédszöveg, ezután a vezérlőelem, végül az érvényesítési üzenet helye következik. Hangosan felolvasva ez a sorrend logikus, és a Tab billentyűvel navigáló látogató a magyarázattal találkozik az üres mező előtt. Az „aria-describedby” kapcsolja a segédszöveget és a karakterszámlálót a vezérlőelemhez, és ezt a kapcsolatot semmilyen helyőrző nem pótolhatja.

A Nicepage ugyanezt a struktúrát építi fel a Contact Form Element segítségével, amely rendben tartja a címkéket, a vezérlőelemeket és az űrlapbeküldést.

Válasszon sablont a szükséges címke, a válasz kötelező jellege, a várt hosszúság, a látogatónak nyújtott tippek és a mögötte álló érvényesítés alapján.