⚈ Kuopassa.net

Lisää kertomuksia netistä. 摆烂

Kursorilla selkeyttä lomakkeisiin

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;
}

Tietoa kirjoittajasta