You have practiced labels, input types, and choice controls at the Meridian Relay. Now apply those patterns to the Riverlight Community Hall contact page for room bookings, volunteer questions, and accessibility requests.
A labeled contact form with required Name and Email fields, a Message box, a Topic menu, and a submit button — all inside one form. The action URL in the reference answer is illustrative; the preview does not deliver messages to the hall.
The starter already includes the Contact Us heading; build the form below it.
A label tells people and assistive technology what a control means. Connect it with matching for and id values; repeat that pattern for inputs, textareas, and selects.
<label for="topic">Topic</label>
<select id="topic" name="topic">
<option value="booking">Room booking</option>
<option value="volunteer">Volunteering</option>
<option value="access">Accessibility</option>
</select>
The browser can require an answer with required. Put the controls inside one <form method="post"> so they travel together when someone submits.
Run the page. You should see a complete first-draft contact form. Try submitting it without Name or Email; the browser should point to a required field. If clicking a label does not focus its control, compare its for and id values.
<form method="post"> below the heading.<textarea> for Message inside the form.required.required.<select> with at least three relevant choices (room booking, volunteering, and accessibility).<label> connected by matching for and id.The hall now has a solid contact-form structure that can collect a useful first message.
Each input should have a matching label using for/id.
Use method="post" for contact form submission.