This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

HTML Coding

Input Fields

Note: The HTML pages are out-of-date and will not be updated.

This document gives descriptions, examples, and codes for some of the fields you can put into your web pages. A Text Field is ideal for short answers. Checkboxes and Radio Buttons work well for a list of choices. A Password Field is good for sensitive information. The only item that is absolutely necessary is the Submit Button. It is a good idea to include a Reset Button for the convenience of the user.

return to topText Field

A text field gathers information using a single line of text. This field is useful for short answers. The default text field is blank. If you want to specify default text, use the VALUE attribute (as in the following example). You can control the size of the field on screen with the SIZE attribute. You can also set the maximum length for a response with the MAXLENGTH attribute.

Example
Type the Academic College of Your Choice:

Code
Type the Academic College of Your Choice: <INPUT TYPE="TEXT" NAME="College" VALUE="Specified Default" SIZE="20" MAXLENGTH="15" >

return to topCheckbox

Checkboxes give the user the opportunity to select items from a list. One advantage of a checkbox is that users can select more than one item. By giving users specific options, it is easier for you to get consistent answers to your questions. The default for this field is a blank box. To have a box checked by default, add "CHECKED" to the code (as it is for "Business" in the following example).

Example
Check the Academic College(s) of Your Choice:
Arts and Sciences Business Professional Studies

Code
Check the Academic College(s) of Your Choice: <BR>
Arts and Sciences <INPUT TYPE="CHECKBOX" NAME="CollArt">
Business <INPUT TYPE="CHECKBOX" NAME="CollBus" CHECKED>
Professional Studies <INPUT TYPE="CHECKBOX" NAME="CollPro">

NOTE: If you want the boxes to be in a vertical list, add a <BR> tag after each <INPUT> tag.

return to topRadio Buttons

Radio buttons also give users a list of items to select. Unlike checkboxes, only one option can be selected at a time. The code for radio buttons is also slightly different from checkboxes. Radio buttons are grouped together by using the same NAME code for each button so that only one can be selected. The VALUE code is used to differentiate between the buttons. The benefit of this is that it allows you to create two or more separate sets of radio buttons within the same form. The default for this field is blank circles. To have a circle marked by default, add "CHECKED" to the code (as it is for "Business" in the following example).

Example
Click the Academic College of Your Choice:
Arts and Sciences
Business
Professional Studies

Code
Click the Academic College of Your Choice: <BR>
<INPUT TYPE="RADIO" NAME="College" VALUE="Artsands"> Arts and Sciences<BR>
<INPUT TYPE="RADIO" NAME="College" VALUE="Business" CHECKED> Business<BR>
<INPUT TYPE="RADIO" NAME="College" VALUE="Professi"> Professional Studies<BR>

NOTE: These boxes are in a vertical list, due to the <BR> tags after each <INPUT> tag.

return to topPassword Field

This is an input field that lets a user enter information that is shielded. This is useful for personal information, such as a password, that you do not want others around the user to see. However, the text of the field is vulnerable when sent across the network. You can specify a maximum length for the text being entered (in the example, it is eight characters).

Example
Your Password:

Code
Your Password:<INPUT TYPE="PASSWORD" NAME="Password" MAXLENGTH="8">

return to topSubmit Button

The submit button is essential to have on your form. By clicking this button, the user is sending you the information that you asked for. There is no NAME attribute needed, although you can use the VALUE attribute to specify the text in the button. The default text for the submit button is "Submit Query." The button will automatically be sized to the text you have specified.

Example

Code
<INPUT TYPE="SUBMIT" VALUE="Send Information">

return to topReset Button

The reset button is another important feature on your form. If the user decides not to send the form, they can click the reset button. This will clear the all the fields to their default values and the form will not be submitted. The default text for the button is "Reset." You can specify the text by using the VALUE attribute, as in the example below.

Example

Code
<INPUT TYPE="RESET" VALUE="Clear Form">

Excellence. Our Measure. Our Motto. Our Goal.