Improve HTML Forms: Add Clear Placeholders and Error Display #142
Description
Problem
Currently, HTML forms in the project lack clear or descriptive placeholder text on input fields. Additionally, when an input validation error occurs, the focus is not automatically moved to the error <div>, making it harder for users to see or correct issues.
Solution
- Add clear, user-friendly placeholder text to all form inputs.
- Ensure that when a form error is triggered (such as invalid or missing input), focus automatically shifts to the error
<div>for better accessibility and UX.
Benefits:
- Improves accessibility and usability for all users.
- Makes it easier for users to identify and fix errors in forms.
Acceptance Criteria:
- All input fields have descriptive placeholder text.
- When a validation error is present, the page automatically scrolls or focuses to the error
<div>so the user is immediately aware.
If clarification is needed regarding specific forms or input fields, review typical user workflows or use analytics to target the most important forms first.