Labeled Form

A form becomes understandable as each label and control is connected with matching for/id values.

Program

HTML form controls are not just boxes. Labels and attributes tell the browser how controls should be named and submitted.

labeled_form.html

<form action="/subscribe" method="post">
  <label for="email">Email</label>
  <input id="email" name="email" type="email">
  <button>Subscribe</button>
</form>

label A label gives a form control a visible and accessible name.

name The name attribute is the key sent when a form is submitted.