Web Programming with HTML5, CSS, and JavaScript

8.11 form Element

Let’s now discuss the form element, which is in charge of grouping a form’s controls. Here’s a template for the form element’s syntax:

<form>
  label
  text-box, list-box, check-box, etc.
  label
  text-box, list-box, check-box, etc.
  ...
  submit-button
</form>

Note how there’s a submit button control at the bottom and other controls above it. That’s probably the most common layout because it encourages the user to first provide input for the controls at the top before clicking the button at the bottom. However, you should not try to pigeonhole every one of your web page forms into the template. If it’s more appropriate to have your submit button at the top or in the middle, then you should put your submit button at the top or in the ...