This project is a responsive and interactive contact form built using HTML, CSS, and JavaScript. The form includes fields for first name, last name, email address, query type, and message, along with a consent checkbox. The form features real-time validation and displays a success message upon submission.
- Responsive Design: The form adjusts to different screen sizes, providing an optimal user experience on both desktop and mobile devices.
- Real-Time Validation: Fields are validated in real-time to ensure all required information is provided before submission.
- Interactive Success Message: Upon successful submission, a message is displayed to inform the user that their form has been successfully submitted.
- Styled Query Type Selection: Query type radio buttons are styled with a border and change background color when selected.
- Error Handling: Error messages are displayed for invalid or missing input, guiding the user to correct their entries.
- HTML: Markup language used to structure the form.
- CSS: Stylesheet language used to style the form and its elements.
- JavaScript: Programming language used for form validation and dynamic behavior.
- Fill out the form fields with the required information.
- Ensure all required fields are filled and valid.
- Click the "Submit" button.
- If all fields are valid, a success message will appear at the top of the form.
- index.html: The main HTML file containing the form structure.
- styles.css: The CSS file containing the styles for the form.
- script.js: The JavaScript file containing the form validation logic.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (git checkout -b feature/YourFeature).
- Commit your changes (git commit -m 'Add some feature').
- Push to the branch (git push origin feature/YourFeature).
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
- Thanks to all open-source projects that made this project possible.