Add separate labels above the input fields #102
Labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference: projects/fipamo#102
Loading…
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. 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