31 lines (23 loc) · 1.06 KB

Day 19: Bootstrap Forms — Job Application

📘 Topics Covered

Bootstrap form controls: labels, inputs, selects, textareas, file upload
Validation states: is-valid, is-invalid
Spacing utilities: m-*, p-* for margins and padding
Buttons: variants, sizes, and outlines

🧪 Practice Files

Basic form structure: Html.html
Form demo: form.html
Task (Job Application): task/Job_Application.html
Optional JS hook: task/Application.js

📝 Task: Job Application Form

Build a responsive form with:

Full Name (text), Email, Phone (show is-valid/is-invalid examples)
Position (select dropdown)
Cover Letter (textarea)
Resume (file input)
"Are you ready" checkbox
Submit button (primary, medium, outline)

Ensure consistent medium sizing and use Bootstrap spacing utilities throughout.

🔗 References

Bootstrap Forms: https://getbootstrap.com/docs/5.3/forms/overview/
Bootstrap Validation: https://getbootstrap.com/docs/5.3/forms/validation/