FrontPage Web Design banner.


Form Input Fields and Buttons

  • Text box

      Form: Text box properties box.

  • Option buttons
    Use option buttons (also called radio buttons) when you want visitors to select only one option from a group.

Form: Option button properies box.

  • Text area
    Use text areas to collect more than one lineof text, such as a comment, suggestions, or further information. This field scrolls to accommodate varying amounts of text.

Form: Text area propeties box.

  • Drop-down box or menu
    Use a drop-down box to provide visitors with a list of choices. This field is similar to using a group of option buttons, but takes less space on a form. Unlike option buttons, you can configure a drop-down box to allow one or multiple selections.

Form: Drop-down properties box.  Form: Modify Choice properties box.                                                                              

  • Check box
    Use check boxes for optional items. The visitor can select or clear the check box. They can also select multiple items.

         

Forms: Check button properties box

  • Push button
    Use push buttons to enable site visitors to submit a filled-out form, to clear fields by resetting the form, or to run your custom scripts. You can add a graphic to a form to use in place of a submit button. After filling out a form, the site visitor clicks the graphic to submit the form, and then the data from the form, including the name of the graphic field, is sent to the form handler.


     
  • Advanced button
    By inserting the Advanced button into your form, you can write a script that will make your form do more exactly what you need. The Advanced button is highly customizable — you can use fancy fonts, colors, or even tables on the button.
     
  • Group box
    Add a group box to a form when you want to assemble a set of related fields in a separate area from the rest of the form.

    Forms: Group box
     
  • File upload
    Give your visitors the opportunity to send a file to your Web site. When you insert the File Upload form field, site visitors click the Browse button, locate their file, and then click Submit.



     
  • Password field
    When you want to restrict visitor access, add a password field to your form. A password field is a one-line text box. When a visitor types in this field, most Web browsers will display the password as asterisks or dots, for confidentiality purposes.



Setting the password field in a text box.

back to top


Web Design Tips | ADA Standards | Design Tools | Local & Live Sites | Browser Compatibility | Creating a Home Page | Text | Tables | Hyperlinks | Pictures | Spell Checking | Forms | Search Forms | Discussion Webs | Meta Tags | Resource Links | Lesson 1 | Lesson 2 | FrontPage Booklet | Home |