⚈ Kuopassa.net

Lisää kirjoituksia netistä.

Klikattavien juttujen merkitseminen kursorilla

Kirjoitettiin
Päivitettiin 8. kesäkuuta 2014 kello 00.10

Jos nettisivuilla olevien lomakkeiden label-tagit on laitettu kuntoon kunnolla, labelia klikkaamalla voi aktivoida jonkun tekstikentän, pudotusvalikon tai jotain muuta. Sen vuoksi labelin merkitseminen asianmukaisella kursorilla voi auttaa käyttäjää osumaan johonkin tiettyyn lomake-elementtiin. Kasvattamalla käyttäjän mahdollisuuksia osua johonkin kenttään, voi kasvattaa mahdollisuuksia saada se käyttäjä lähettämään lomakkeen tiedot — lomakkeen lähettäminen voi tuottaa esimerkiksi uuden kommentin tähän blogiin tai se voi auttaa suorittamaan ostostapahtuman jossain verkkokaupassa. :-) Laitan nettisivuja tehdessäni labelien lisäksi "käsikursorin" pudotusvalikkoihin, radio- ja checkbox-nappuloihin, buttoneihin sekä lomakkeen lähettävään input-nappulaan jos buttonia ei ole jostain syystä käytetty. Kursorikikan voi ottaa käyttöön alla olevalla CSS-merkkauksella.

label,
button,
select,
input[type=submit],
input[type=radio],
input[type=checkbox] {
cursor: pointer;
}

Tuohon voisi kai laittaa myös input[type=reset] ja input[type=button], mutta ne ovat yleensä aika turhia.

Tagit:

Tietoa kirjoittajasta