textareakentissä

Textareakenttä on HTML-lomakkeen kontrolli, jolla käyttäjä voi syöttää useamman rivin tekstiä. Sitä käytetään yleisesti esimerkiksi viestien, palautteen tai kuvauksien antamiseen lomakkeen kautta.

Tekstialueen arvo lähetetään lomakkeen mukana sen name-attribuutin perusteella. Alkuperäinen teksti asetetaan textarea-Elementin sisälle. Tärkeimmät attribuutit ovat name, placeholder, required, disabled, readonly ja maxlength. Rows ja cols määrittelevät vanhassa HTML:ssä rivien ja sarakkeiden määrän, mutta nykyisin leveyden ja korkeuden hallitaan paremmin CSS:llä.

Saavutettavuus ja käytettävyys: liitä textarea labeliin id-for-yhteydellä tai käytä aria-label/aria-labelledby. Tarjoa selkeä ohjeistus ja näkyvä nimi, varmista että kenttä on helposti fokusoitavissa. Ominaisuudet kuten resize voidaan hallita CSS:llä (esim. resize: none).

Käyttöesimerkki ja vaihtoehdot: Yleinen sovellus on yhteydenottolomake tai kommenttiosi, esimerkiksi <textarea name="message" rows="6" cols="60" placeholder="Kirjoita viestisi..."></textarea>. Jos tarvitset rikastettua muotoilua tai sisällön muokattavuutta, voidaan käyttää contenteditable-alueita, mutta ne vaativat lisälogiikkaa lomakemerkintöjen ja tietoturvan hallintaan.