Adding Forms

Adding a form to your webpage is an easy way to gather information from visitors. Forms are simple to make and are supported by almost every browser. This example will demonstrate how to have the form collect data and email the information.

1) A form begins with the tag <form> and should be followed by the action attribute. We also recommend that you include the enctype attribute so you don't get a urlencoded attachment. Instead a text message will be mailed to whomever you specify.

ex. <form action="mailto:anyone@k12.hi.us" enctype="text/plain">

or you use our script designed to take the information, check for required fields and then emails it to you by adding this:

<form method=post action="/scripts/sendforms.cgi">
<input type=hidden name="recipient" value="username@k12.hi.us">
<input type=hidden name="subject" value="Your email subject line">
<input type=hidden name="required" value="your field names here separated by commas">

2) Every form should include a submit and reset button that allows users to send the completed form or clear the entire form if necessary. The value attribute can display whatever you choose.
ex. <input type=submit value="Send this form" name="submit">
     <input type=reset value="Clear the form" name="reset">

Will display the following:

submit/reset | radio buttons | check boxes | text boxes | text areas
sample form code | sample form webpage