Requirements:

$1.$ Form Creation:

$$ Create an HTML form that collects the following information from the user:

i$.$ First Name $($text input$)$ first$\_$name

ii$.$ Last Name $($text input$)$ last$\_$name

iii. Email Address $($email input$)$ email$\_$address

iv$.$ Department $($dropdown$)$ department

v$.$ Title $($dropdown or radio buttons$)$ title

vi$.$ Website $($optional$)$ website

vii. Phone Number $($optional$)$ phone$\_$number

$$ Include a checkbox for $$Dr$.$ that, when checked, will prepend the title $"$Dr$."$ to the name when displayed.

$2.$ Validation:

$$ Use JavaScript to validate the input before submission.

$$ The following fields should be required:

i$.$ First Name

ii$.$ Last Name

iii. Email Address

iv$.$ Department

v$.$ Title

$$ Validation rules:

i$.$ Ensure the email address is valid and in the correct format.

ii$.$ Validate phone numbers to ensure they contain only digits and follow a valid format.

iii. Only allow valid URLs to be entered for the website field $($if filled out$).$

$3.$ Form Display:

$$ Upon form submission, the user$$s input should be displayed back to them on the page in a formatted manner.

$$ If the $$Dr$.$ checkbox is checked, prepend $$Dr$.$ to the name when displayed.

$$ The email address and website should be clickable links $($i$.$e$.,$ using tags$).$

$$ Ensure the display includes:

i$.$ Full Name $($with or without $"$Dr$.")$

ii$.$ Department

iii. Title

iv$.$ Email Address $($as a clickable link$)$

v$.$ Phone Number $($if provided$)$

vi$.$ Website $($if provided, as a clickable link$)$

$4.$ HTML & CSS Validation:

$$ Ensure the form is valid HTML$5$ and passes W$3$C validation.

$$ Use the following validators:

$$ HTML Validator

$$ CSS Validator

$$ The form should be fully functional and accessible.