Forms – Basics (Inputs, Labels) Assignment.
Create a simple HTML form with various input types and labels.
Task:
1. Create a new HTML file and include Bootstrap CSS.
2. Design a form with the following fields:
- Text input: Name
- Email input: Email
- Password input: Password
- Checkbox: Subscribe to newsletter
- Radio buttons: Favorite color (Red, Blue, Green)
- Select dropdown: Country
- Textarea: Message
3. Use labels for each input field.
4. Style the form using Bootstrap's form classes.
Requirements:
- Use HTML5 and Bootstrap 5.x
- Make sure the form is responsive
- Use proper accessibility attributes (e.g., `for` attribute on labels)
Deliverables:
- HTML file with the working form
- Screenshot of the output
Evaluation:
- Correct implementation of form elements
- Proper use of labels and accessibility attributes
- Responsiveness and design
Tips:
Use Bootstrap's form documentation for reference:
Submission:
Submit your HTML file and screenshot to [insert link/email]



No comments:
Post a Comment