Q: Design and implement a web$-$form to accept the name, date of birth, gender, and mark $($as percentage out of $100\%)$ of a school student who are currently in Grade$12.$ Then the form will allocate the student in one of the SQU's colleges depending on his$/$her mark and gender as following:

Male students with $85\%$ or more will go to College of Medicine

Female student with $90\%$ or more will go to College of Medicine

Male and female students who are with a mark greater than $80\%$ but less than the minimum mark of the Medicine college; will go to College of Engineering

Male and Female students with mark between $75-80\%$ will go to College of Science

Other students will mark between $60-74\%$ go to College of Education.

Your site also should validate the entered data before the above processing as following:

The name must be more than $10$ characters' long

The age of the student $($by the today's date$)$ must be above $18$ years

The gender must be either $F$ or $M($you can use radio buttons$)$

The mark must be between $0$ and $100($without the $\%$ symbol$)$

If the student is accepted in SQU with $(60\%$ or more$),$ then the site displays a Congratulations $($e$.$g$.,$ Congratulations; you are accepted in SQU$)$; otherwise it displays a regret message $($e$.$g$.,$ Sorry, you are not entitled to enter SQU$)$

When processing the above validation, a suitable error message should be displayed in the form of the input field inside the Web$-$form $($Hint: You can use element to arrange the labels, input$-$fields and the errormessages on the screen$)$