Completion requirements
View
Make a submission
Receive a grade
Due: Tuesday, 13 January 2026, 5:00 PM
A. Design an HTML form for a centralized club or organization application to ask for the following information on separate fieldset for #1 to #4 information from #5 information to #8 below. Make all as required information.
This is to be submitten within the period.
- StudentID (numeric type)
- Full Name (input type for text)
- Birthday (input type date)
- Email address (input type for email)
- Mobile phone (input type for text)
- Grade Level (drop down menu with appropriate values different from what is displayed on the screen)
- Intern / Extern (radio button with appropriate values different from what is displayed on the screen)
- Preferred Organization / Club (drop down menu - provide your own list with at least 5 items with appropriate values different from what is displayed on the screen)
- Why do you want to join (textarea).
- A submit and reset buttons
Needed for the form elements Total (8pts)
- enclosed everything inside the form tag, with method="post" and action="submit"
- enclosed each form elements inside a label tag with appropriate prompt text, excluding submit and cancel
- the required attribute
B. Include the following event handlers to do the following:
- onsubmit / onreset to include a confirmation box to ask a user to proceed. Please use appropriate message (2pts).
- onblur on input text/textarea to mark with style form elements that were not given information input from the user. (the style will be up to you) - 5pts)
C. Apply a simple CSS style on the form. Use :focus pseudo-class to give a style (up to you) when user is on a particular form element. (5pts)
Name your repository as Q3_2GSectionLastName.html