The Riverlight Community Hall contact form can now collect a message. Add the choices that help the team route it: interests, one preferred reply method, and clear consent.
A contact form extended with checkbox interests, an optional phone number, a radio-button group for a single reply method, required consent, and the existing submit button — all properly labeled.
The starter carries forward the completed Name, Email, Topic, Message, and submit controls. Add the choices before the button; do not rebuild the previous form.
Checkboxes allow several independent answers. Add an optional phone field so a visitor who requests a call can supply a number; type="tel" offers a phone-friendly keyboard but does not check the number’s format. Radio buttons share one name when they represent a single decision.
<fieldset>
<legend>Preferred reply method</legend>
<input type="radio" id="reply-email" name="reply-method" value="email" />
<label for="reply-email">Email</label>
<input type="radio" id="reply-phone" name="reply-method" value="phone" />
<label for="reply-phone">Phone</label>
</fieldset>
Use a separate checkbox for consent and add required when it must be accepted before sending. Every checkbox and radio needs visible label text, just like a text field.
Run the form. You should be able to select several interests but only one reply method. Try to submit without consent: the browser should stop the request. If both reply options remain checked, make sure they use the same name. This HTML-only preview has no server to deliver messages or check that someone choosing a phone reply also supplied a number.
type="tel") with a name and visible connected label, so a visitor can request a call.name so only one stays selected.for and id.The contact form now collects the routing details the hall needs while keeping each choice understandable.
Use checkboxes for multiple interests and radio buttons for one preferred contact method.
Ensure submit control is inside the form.