Comprehensive HTML5 Registration & Profile Form

Project Overview

This project is a comprehensive User Registration & Personal Data Form built using structured HTML5. It is designed to capture and organize user information efficiently, using nested fieldsets and legends to create a clear visual hierarchy for the data.

Key Features & Technical Implementation

Structured Data Entry: Utilizes <fieldset> and <legend> tags to group related information like "Personal Data" and "Your Name".

Comprehensive Input Types:

Text Inputs: Captures first and second names with helpful placeholders like "ex: Shehab".

Contact & Security: Includes specific fields for Phone (tel), Email, and Password protection.

Selection Controls: Features radio buttons for gender selection and checkboxes for technical skills like CSS, HTML, and React.

Advanced Categorization: Implements a <select> dropdown with <optgroup> to categorize options into logical groups, including examples of disabled states.

Layout & Styling: Uses HTML tables to ensure precise alignment of labels and input fields.

Visual Design: Applied custom background colors (Brown, Goldenrod, and Blue) and padding/margins to enhance the user interface.

Action Ready: Includes a functional Submit button to handle the form data.

Technical Skills Demonstrated

Expertise in HTML5 Semantic Tags.

Advanced Form Validation and Input Handling.

Data Organization and UI Layout using Tables.

Basic Styling and Visual Customization.