⚈ Kuopassa.net

Lisää kirjoituksia netistä.

Köntsävaroitus

Huomaan täällä blogissa nurisevani asioista niin usein, että koen tarpeelliseksi varoittaa lukijoitani mikäli he ovat saamassa silmilleen valituspitoisen blogipostauksen. Tämä postaus on tunnistettu sellaiseksi. Jos valittaminen ei just nyt inspaa, siirry lukemaan jotain muuta.

Kursorilla selkeyttä lomakkeisiin

Kirjoitettiin
Päivitettiin 7. kesäkuuta 2014 kello 23.48

Asiaa makuasiasta. Tehdessäni sivustolle, jossa jollakin sivulla käytetään lomaketta, ulkoasua CSS:n avulla, vaihdan eräissä tapauksissa oletuksena olevan kursorin informatiivisempaan. Suosin esimerkiksi lomakkeen lähetysnappuloissa muotoa <button>Lähetä</button> yleisemmän input-vaihtoehdon sijaan. Buttonin käyttäminen ensinnäkin mahdollistaa ilman selektoria siihen tähtäämisen CSS:n avulla. Toisekseen on helpompi plärätä sivun lähdekoodia ja löytää sieltä lomakkeen tiedot lähettävä elementti, kun sen kohdalla lukee button. Käyttämäni nettiselaimet ovat niin pitkään kuin muistan laittaneet tuollaisille buttoneille kursoriksi tavallisen nuoliosoittimen.

Tavallinen nuoliosoitin ei kehota käyttäjää tähtäämään hiirellään haluamaani paikkaan. Sen sijaan etusormi pystyssä oleva händy tekee niin. Sen takia CSS:llä kannattaakin asettaa button-nappeihin se sormi sojossa oleva käsi. En tiedä onko sille formaalimpaa nimitystä. Buttonin lisäksi lomakkeiden labelit ja pudotusvalikot kaipaavat osviittaa. Jätän lähes poikkeuksetta muut kursorit ennalleen. Ne ovat ihan okei ilman säätöjäkin. Nuo kolme juttua kuitenkin selvästi joutavat saada isän kädestä. Kättä siis niihinkin. Käytännön tasolla näiden käpälöiminen on peruskauraa:

label, button, select {
cursor: pointer;
}

Tagit:

Tietoa kirjoittajasta

Tsekkaa myös minkälaisia valokuvia teen: www.pjti.fi