This assignment focuses on elevating your HTML5 skills by working with advanced content elements and mastering the creation, structure, and validation of web forms. You will practice using lists, tables, and media to enrich page content, and then dive deep into building dynamic, user-friendly forms powered by native HTML5 features.
You are expected to demonstrate the ability to:
- Use lists and tables effectively to organize content for clarity and accessibility.
- Embed media content such as images, audio, or video using semantic HTML5 elements.
- Build structured HTML5 forms that are both usable and visually intuitive.
- Apply various HTML5 form attributes to improve user interaction.
- Use built-in validation techniques to minimize incorrect data input without relying on JavaScript.
Design a simple multi-section web page that showcases the use of lists, tables, and media, followed by a complete HTML5 form. The page should reflect thoughtful structure, usability, and clarity.
Your form should include various input types, make use of labels and fieldsets for accessibility, and apply HTML5 validation rules through attributes like required, type, minlength, pattern, and others.
Avoid using JavaScript for validation—rely solely on native HTML5 capabilities.
Submit a single HTML file named enhanced-form.html. It should include:
- Well-structured content using lists, tables, and media.
- A complete HTML5 form including a variety of input fields.
- Correct use of form attributes such as
placeholder,required,autocomplete, andreadonly. - HTML5 validation features implemented correctly across all relevant fields.
- A clear, accessible layout using semantic tags.
- Proper and meaningful use of lists, tables, and media.
- Clarity and accessibility of form structure.
- Correct use of form elements and attributes.
- Effective application of native HTML5 validation.
- Clean, well-indented, and maintainable HTML code.