[go: up one dir, main page]

0% found this document useful (0 votes)
14 views1 page

3.1 Lab Task Event Registration

lb

Uploaded by

makeh71663
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views1 page

3.1 Lab Task Event Registration

lb

Uploaded by

makeh71663
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

LAB TASK: EVENT REGISTRATION FORM

OBJECTIVE:

Design a web form for registering participants for an event. The form should collect the
necessary information from attendees, including their personal details, event preferences, and
other special requests.

TASK INSTRUCTIONS:

1. Create a simple HTML page named event_registration.html.


2. In the page, design an Event Registration Form using the following form elements:
o Text inputs for the participant’s full name, email, and phone number.
o A date input for the participant’s date of birth.
o A dropdown menu to select the type of event pass (General Admission, VIP
Pass, Student Pass).
o Checkboxes to allow users to choose one or more workshops (e.g., AI & Machine
Learning, Web Development, Cybersecurity).
o Radio buttons to select the participant’s meal preference (Vegan, Vegetarian,
Non-Vegetarian).
o A textarea for participants to enter any special requirements, such as dietary
restrictions or accessibility needs.
o A submit button to finalize the registration.
3. Use proper HTML5 syntax and ensure the form has:
o Labels associated with each input field.
o Required fields where necessary (e.g., name, email).
o Appropriate placeholder text or default options where applicable.

Deliverables:

 A working HTML file named event_registration.html with a fully functional


registration form.
 Ensure that the form fields are labeled correctly and display appropriately in the browser.

You might also like