tekstikenttiä

Tekstikenttä on käyttäjäliittymän ohjauskeino, jonka avulla käyttäjä syöttää tekstiä. Sitä käytetään laajasti lomakkeissa, hakukentissä ja asetuksissa, ja sen tarkoituksena on vastaanottaa käyttäjän kirjoittamaa merkkijonoa. Tekstikenttiä voidaan käyttää sekä yksittäisellä rivillä että useammalla rivillä, ja niitä esiintyy sekä web-sovelluksissa että mobiili- ja työpöytäkäyttöliittymissä.

Yleisimmät tyypit ovat yksirivinen tekstikenttä ja monirivinen tekstialue. Yksirivinen kenttä on tarkoitettu pienelle, yhdelle riville sopivalle syötteelle, kuten nimi tai hakusana. Monirivinen kenttä sallii useita rivejä ja on sopiva pidemmän tekstin, kuten kommenttien tai kuvauksien, syöttöön. HTML:ssä tekstikenttä toteutetaan yleensä input-elemillä, ja monirivinen kenttä textarea-elemillä. Muita tekstipohjaisia kenttiä ovat myös salasana- ja sähköpostikentät, joilla voi olla erilaisia syöttötiloja ja validointiominaisuuksia.

Kentillä on ominaisuuksia kuten placeholder-huomautus, jonka avulla näytetään esiversio tekstiä ennen kuin käyttäjä kirjoittaa; maxlength rajoittaa syötteen pituutta; required merkitsee kentän pakolliseksi; autocomplete helpottaa nopeaa täyttöä; readonly tai disabled rajoittaa muokkaamista; pattern ja erilaiset syöttötyypit auttavat validoinnissa. Tekstikenttien käsittely tapahtuu yleensä syötteen muokkaustapahtumien kautta, kuten oninput tai onchange, ja niiden arvo lähetetään lomakkeen mukana.

Saavutettavuudessa on tärkeää liittää kenttään selkeä label, jotta näytönlukijat voivat kertoa, mitä kenttään odotetaan. Tarvittaessa aria-label- tai aria-describedby -attribuutit auttavat. Hyvä käytäntö on käyttää riittävää kontrastia ja huomioida virheilmoitukset sekä virhetilanteet.

Tekstikentät ovat keskeinen osa verkkosivujen lomakkeita, missä HTMLin input type="text" ja textarea ovat yleisimmät toteutukset. Mobiilissa näppäimistöasetukset voivat tarjota erityisiä näppäimistöjä (esim. sähköpostille). GUI-kehyksissä tekstikenttiä vastaavat erilaiset widgetit, kuten Qt:n QLineEdit tai GTK:n Entry, sekä Androidin EditText ja iOS:n UITextField.