Add separate labels above the input fields #102
Labels
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: projects/fipamo#102
Loading…
Reference in New Issue
There is no content yet.
Delete Branch "%!s(<nil>)"
Deleting a branch is permanent. Although the deleted branch may exist for a short time before cleaning up, in most cases it CANNOT be undone. Continue?
Where: Login/Registration pages
What: The input field labels (“Handle”, “Password”) are set with the
placeholder
attribute; this means their visual label disappears as soon as you type. This can get confusing with longer forms; because users are no longer able to identify the fields.Recommendations: Add separate labels above the input fields with
<label>
and set theirfor
attribute to theid
of the<input>
.Fig. 1: default state for the login screen shows the labels as placeholders
Fig. 2: filled in fields only show their value but no labels