This project is a user registration form designed using HTML and CSS. The form collects essential information from users and provides a clean, user-friendly interface.
- Responsive Design: The form adjusts to various screen sizes, ensuring usability on both desktop and mobile devices.
- User Input Validation: Ensures that all required fields are filled out and that user input meets specified criteria.
- File Upload: Allows users to upload a profile picture.
- Form Submission: Data is submitted to a specified URL for further processing.
- Styled Interface: A visually appealing design with clear instructions and intuitive layout.
- HTML5
- CSS3
- First Name: A required text input for the user's first name.
- Last Name: A required text input for the user's last name.
- Email: A required email input for the user's email address.
- Password: A required password input with a pattern requirement (8 characters, lowercase letters and digits only).
- Account Type: A required radio button input to select between personal and business accounts.
- Profile Picture: An optional file input for uploading a profile picture.
- Age: An optional number input for the user's age (between 13 and 120).
- Referrer: An optional dropdown to select how the user heard about the service.
- Bio: An optional textarea for the user to provide a short bio.
- Terms and Conditions: A required checkbox to agree to the terms and conditions.
-
Clone the repository:
git clone https://github.com/Researcher0619/Survey-Form-freeCodecamp.git
-
Navigate to the project directory:
cd registration-form
-
Open
index.html
in your browser to view the form.
Fill out the form with the required information and submit. Ensure all required fields are filled correctly to proceed with submission.
This project is licensed under the MIT License. See the LICENSE file for details.
Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.
- freeCodeCamp for providing the inspiration and resources for this project.
For any questions or feedback, please contact ozkanceyhan3419@gmail.com.