HTML Basics:
Icon: FrontPage Express Forms Bar

Title: Jan's Illustrated Computer Literacy 101
españolIcon: Change web
Did you want IE9+, Chrome, Firefox; Notepad? Icon: Change web

Forms are an advanced topic. But, since the Forms Bar is displayed by default, we can at least look at what its buttons are for.

Toolbar: Forms

Forms Bar in FrontPage Express

A form provides a way you to collect information from the people who view your web pages. A viewer enters data or makes choices among several options and then submits the form.

The results can be sent to you by email. If your web server has the right software, you can get the form results in a neat report or in a database.

FrontPage Express makes it easy to create the form itself but getting your form to work on the web server can be trickier.

You will not be creating a form in this project.


Where you are:
JegsWorks > Lessons > Web

Before you start...

Project 1: Browser BasicsTo subtopics

Project 2: HTML Basics
    HTML CodeTo subtopics
    About HTML
    What You Need
    Code by HandTo subtopics
    WYSIWYG
    FrontPage/ FPX Arrow - Subtopic open
      FrontPageTo subtopics OR Icon: FPXFPX Arrow - Subtopic open
                   Interface
                   Formatting Bar
                   Standard Bar
                   Forms Bar
                   icon-footprintUsing FPX
                   icon-footprintEdit
                   icon-footprintText links
    Images in HTMLTo subtopics
    FormattingTo subtopics
    TablesTo subtopics
    Print
    ConvertTo subtopics
    Summary
    Quiz
    ExercisesTo subtopics

Search 
Glossary  
Appendix

Buttons on the Forms Bar

               textbox textarea checkbox radio dropdown push Toolbar: Forms - labeled

The buttons on the Forms Bar create the most common kinds of objects that you can put in a form.

Icon: Left mouse click Experiment with the form below to see how these type of inputs work.

 
Textbox


Text Area
(Scrolling textbox)


Drop-Down Box
Options - choose only one  
Radio button #1

Radio button #2

Options - choose any number
 Checkbox #1

Checkbox #2

Checkbox #3


Push Button

Button: Textbox Textbox

A single line text box is intended for short entries. The one in the form above will take up to 30 characters. The textbox can only show about 20 at once. The HOME, END, and arrow keys can move you to text that is outside the display area.

Button: Textarea Text Area

Use a text area box when you need to allow for lots of text. For example, in a form to request tech support you would have the viewer put the description of the problem in a text area.

Button: Checkbox Checkboxes

Use a set of checkboxes when the viewer can choose any of them, or all of them, or any combination of the items.

Button: Radio button Radio/option buttons

Use a set of radio buttons when you need the viewer to select just one option from a small set of choices.

Button: Droplist Drop-Down Box

The viewer chooses one item in a list. A drop list takes less space than a set of radio buttons. It is good for long lists, like states or countries, where the viewer knows the value they want to choose. A list avoids the spelling errors you will get if the users must fill in a textbox.

Button: Push button Push button

A form usually has two push buttons. One will submit the form results to the web server. The other will clear the entries so the viewer can start over. A push button can also be linked to a script to do something else.