Logo Image
Mohammad Zaatari

freeCodeCamp Survey Form 📋🌐

Welcome to the freeCodeCamp Survey Form! This is a simple yet elegant HTML-based survey form designed to gather feedback from users. It's a great example of how to create intuitive and user-friendly forms using HTML and CSS.

Project Image

Features 🛠️

  • User Information Input: Fields for name, email, and age with appropriate validations.
  • Role Selection: Dropdown menu to select the current role of the user.
  • Text Color Toggle: Switch between black and white text colors for better visibility.
  • Recommendation Inquiry: Radio buttons to ask if the user would recommend freeCodeCamp.
  • Favorite Feature: Dropdown to choose the favorite feature of freeCodeCamp.
  • Improvement Suggestions: Multiple checkboxes for users to select areas of improvement.
  • Open-ended Feedback: Textarea for additional comments or suggestions.
  • Responsive Design: Styled to adapt to various screen sizes (styles4.css).

HTML Elements 🏗️

  • Form Controls: Input, select, textarea, button, and more.
  • Labels and IDs: Properly associated labels with form elements for accessibility.
  • Styling: External CSS file link for customizing appearance.

Tools Used

HTML
CSS