Imagine asking a friend for some information on a webpage. The field should explain exactly what you need.
What You Need to Know
A confirmation page gives visitors a definite result after successful processing.
Try the Example
Take a look at the example. We’ll explain the important lines right below it.
<main>
<h1>Thanks for your message</h1>
<p>We received your form submission.</p>
<p>Your reference number is A-204.</p>
<a href="/contact">Send another message</a>
</main>Let’s Read the Code
- <main>: The main element marks the primary page content.
- <h1>: A top-level heading explains what the page is about.
- href: Href is the URL to a related resource or destination.
Read the named elements and attributes together. They explain how the browser connects this feature to the rest of the page.
What Happens in the Browser?
The HTML controls work in the browser, but saving an answer requires the example action path to be handled by a real server.
Keep the form understandable. Put each label next to the right control, group related questions, and make the submit action clear. A good form is more than a collection of inputs.
Your Turn
Add a link back to the homepage and explain what action visitors can take next.
Common Beginner Mistakes
- Copying the example without giving the fields a clear label and a usable name.
- Do not claim a submission succeeded before the server confirms it; this page is a design example.
Key Takeaways
- A control needs a clear label and, when submitted, a meaningful name and value.
- <main>: The main element marks the primary page content.
- Remember that HTML form rules help the visitor, but server-side code must decide whether received data is valid.