form Usability

form Usability

cursor: pointer; für form Elemente

Meistens verweist das label mit einem for auf die dazugehörige id. Wenn man nun mit der Maus auf das label klick landet man direkt im input-Feld. Hilf Deinen Usern in puncto Usability und zeige mit dem cursor auf diese interne Verlinkung. Auch Buttons benötigen diese Erweiterung.

<label for="id">usability ist alles</label>
<input id="id" type="text" />

Was nicht fehlen darf ist die entsprechende CSS-Erweiterung

<style type="text/css">
    label,
    input[type=button],
    input[type=submit],
    button {cursor: pointer;}
</style>

Beispiel


Impressum