Tech99

HTML Forms
Forms are a very important tool for the webmaster to collect information from the web, like: name, email address, credit card, etc. A form will take input from the viewer and depending on your requirements; you may store up that information into a folder, place an order, gather user information, register the person to your web forum, or maybe subscribe them to your weekly newsletter.


Text Fields

Before we teach you how to make a complete form, let’s start out with the basics of forms. Input fields are going to be the meat of your form’s sandwich. The
has a few attributes that you should be aware of.

1. type – Determines what kind of input field it will be. Possible choices are text, submit, and password.
2. name – Assigns a name to the given field so that you may reference it later.
3. size – Sets the horizontal width of the field. The unit of measurement is in blank spaces.
4. maxlength – Dictates the maximum number of characters that can be entered.

Code

HTML Radio Buttons
Radio buttons are a popular form of interaction. You may have seen them on quizzes, questionnaires, and other web sites that give the user a multiple choice question. Below are a couple attributes you should know that relate to the radio button.

• value – specifies what will be sent if the user chooses this radio button. Only one value will be sent for a given group of radio buttons (see name for more information).
• name – defines which set of radio buttons that it is a part of. Below we have 2 groups: shade and size.

HTML Check Boxes
Check boxes allow for multiple items to be selected for a certain group of choices. The check box’s name and value attributes behave the same as a radio button.

HTML Drop Down Lists
Drop down menues are created with the
and
tags.
is the list itself and each
is an available choice for the user.

HTML Text Areas
ext areas serve as an input field for viewers to place their own comments onto. Forums and the like use text areas to post what you type onto their site using scripts. For this form, the text area is used as a way to write comments to somebody.

Rows and columns need to be specified as attributes to the tag. Rows are roughly 12pixels high, the same as in word programs and the value of the columns reflects how many characters wide the text area will be. i.e. The example below shows a text area 5 rows tall and 20 characters wide. Another attribute to be aware of is the wrap. Wrap has 3 values.</p> <p> * wrap=<br /> o “off”<br /> o “virtual”<br /> o “physical”</p> <p>Virtual means that the viewer will see the words wrapping as they type their comments, but when the page is submitted to you, the web host, the document sent will not have wrapping words.<br /> Physical means that the text will appear both to you, the web host, and the viewer including any page breaks and additional spaces that may be inputed. The words come as they are.<br /> Off of course, turns off word wrapping within the text area. One ongoing line.</p> <form method="post" action="mailto:youremail@email.com"> <textarea rows="5" cols="20" wrap="physical" name="comments"><br /> Enter Comments Here<br />