Semantic HTML, Forms and Validation
Describe, read and implement semantic page elements, identifiers, form controls and length, presence and range validation.
How to study Higher Computing Science
Move from requirements to structured designs, trace code and data precisely, and support every test or evaluation judgement with observable evidence.
Core concepts
Concept 1
Required structural elements include nav, header, footer, section and main, with id attributes used for unique identification.
Exam cue: Choose a semantic element from the role of the content, not its visual appearance.
Concept 2
Forms use input controls including text, number, textarea, radio and submit, plus select elements.
Exam cue: Match the control type to the allowed input and interaction.
Concept 3
Length, presence and range validation help reject data that does not meet defined requirements.
Exam cue: State both the validation rule and which invalid data it prevents.
Concept 4
Readable markup should associate controls with their intended purpose and preserve a valid page structure.
Risk pitfalls and guardrails
Using the same id value for multiple elements.
Guardrail: Check route, scope, data type, boundary, loop condition, identifier and expected output before committing to the response.
Confusing a textarea with a single-line text input.
Guardrail: Check route, scope, data type, boundary, loop condition, identifier and expected output before committing to the response.
Treating client-side validation as complete protection against all invalid or malicious data.
Guardrail: Check route, scope, data type, boundary, loop condition, identifier and expected output before committing to the response.
Memory anchors
main element
The main element contains the page’s primary unique content.
nav element
The nav element groups major navigation links.
id attribute
An id uniquely identifies one element within the page.
Radio inputs
Radio controls support one choice from a named group.
Presence validation
Require a value rather than accepting an empty submission.
Range validation
Reject numeric input below a minimum or above a maximum.
Checkpoint rule
Do the check-up only after you can summarize each concept in one sentence and identify one dangerous pitfall from memory.
Knowledge Check (after reading)
Short check-up to confirm understanding of this module.
Check-up Questions
Which HTML element identifies the site's main navigation region?
Which element should contain the unique primary content of a page?
Answer all questions to submit.
Next step personalized recommendations
Continue learning
Move forward only after this module is stable.
What is Pass Harbor?
Completely free exam prep for 247 UK exams.
- Practice questions
- Flashcards
- Study guides
- Mock exams
- No registration
- No paywall
- Start instantly
“No more expensive exam prep. Quality study tools should be accessible to everyone.”