Day19

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/