Form Elements

The form to the right has examples of several of the different types of form elements which can be used to collect information from the user. From top to bottom, they are

a text input field,
a select field,
a checkbox input element,
a password input field,
a set of two radio buttons, and
a submit button.

There is also a hidden input element between the radio buttons and the submit button, but you can't see that unless you look at the HTML source for this page, which you are strongly encouraged to do!

You can submit the form. It is currently set to submit via the 'get' method, so you will be able to see the values passed along in the URL to the next page.

When you do your HTML form assignment, you should set the 'action' property of your form to the same page that this page submits to (http://grace.evergreen.edu/cis/current/task/processForm.php) so that you can test out the form elements that you create. We will show you the code for the processForm.php page at a later time.

There are other form elements besides those shown here. Check them out in any HTML guide!