Exercise 3: Web Forms
Completion requirements
Opened: Monday, 28 August 2023, 8:00 AM
Webpage with Forms and Multimedia
Duration: 70 minutes
Upload one file named USPnumber1.USPnumber2.html (Add the file late.USPnumber1.USPnumber2.html if late).
Objective:
Students should be able to implement and understand the functionality of HTML forms and integrate multimedia elements into a webpage.
Instructions for the page:
- Title: Begin with a heading, "Feedback for [Your Name]'s Profile Page".
- Form:
- Personal Details:
- Input fields for
Name
(text type) andEmail
(email type). - A dropdown selection for
How did you find my profile?
with options like "Google", "Social Media", "Friend", etc.
- Input fields for
- Feedback Section:
- Include a textarea for visitors to write comments or feedback.
- Use radio buttons for "Did you like my profile?" with options "Yes", "No", and "Maybe".
- Use checkboxes for "What did you like about the profile?" with options like "Design", "Content", "Ease of Use", and "Other".
- Submission:
- A "Submit" button to submit the form.
- A "Reset" button to clear the form.
- Personal Details:
- Multimedia:
- Embed a video clip (it could be a personal introduction, a favorite movie scene, a music video, etc.). Use a platform like YouTube or Vimeo, or link directly to a video file.
- Add an audio clip or a favorite song. You can use platforms like SoundCloud or link directly to an audio file.
- Footnotes: Include a section at the bottom thanking users for their feedback.
Additional Considerations:
- Your form doesn't need to submit data to a server. The focus is on form structure and elements.
- Use the
<label>
element properly for form inputs. - Ensure your multimedia components have proper controls (like play, pause, volume).
- Properly organize the layout for user-friendliness.
- Comment your code sections to enhance readability.
By completing these activities, students will have hands-on experience creating web pages with varied elements, from basic structures to forms and multimedia content.