Form

Introduction of Form

Using Form on the page, you can gather information from visitors to your web site. If you want to request customers' information or have visitors fill out the guest book, forms will do the job.

Forms contain three simple elements:

• FORM ACTION;
• Form Field;
• SUBMIT or RESET Button.

In HTML Window

Steps:

1. Add the Form Action:
   Choose "Insert/Form Field/Form..." command or click icon on the tool bar and choose "form" from the drop-down menu. A "Form" box will open;
   
   For example:
   
   You can define Form Name, Method and Action of the form in the dialogue box.

   Form Name	Gives a name to the form.
   Method	Defines how the form data is handled. Get Appends form values to the URL and sends the server a GET request. Because URLs are limited to 8192 characters, don't use the GET method with long forms. Post Sends the form values in the body of a message and sends the server a POST request. Default Uses the browser default method (generally GET)
   Action	Identifies the server-side application that processes form information, specified as a URL. Enter the path of the application or click the folder icon to locate the file.

   
   
2. Add form elements:
   
   First, users should put cursor between the tag
   Next, click the command "Insert/Form Field/..." or click the icon on tool bar to choose an element of from the drop-down menu.
   Then This element's dialog box will open.
   
   Sothink HTML Editor supplies such form elements:
   

   Push Button	Used to embed buttons directly into HTML documents, that add functionality when used in conjunction with Visual Basic Script, or JavaScript. Example:
   Check Box	Used for simple Boolean attributes (weather a field is chosen or not), or for attributes that can take multiple values at the same time. Example:
   Radio Button	Used for attributes that accept a single value from a set of alternatives. Example:
   Hidden Field	With this input type, no field is presented to the user, but the content of the field is sent with the submitted form.
   One-line Textbox	Used for a single-line text-entry field.
   Text Area	For textual input that requires multiple lines, the <TEXTAREA> element for text fields which can accept multiple lines. Example:
   Dropdown List	Used for drop-down menu or item list for users choosing. Example:
   Image	An image field that you can click, causing the form to be immediately submitted. Example:

   
   
   
3. Add Submit/Reset button to the form:
   The button is also one of form elemets. Since it has the function to submit or reset the form, we put it alone here.
   Choose the "Insert/Form Field/Push Button..." command or click the button on tool bar and choose "Push Button..." from the drop-down menu to open the "Button" box, e.g.:

   

   The focus of this box is to define the button's type.

Edit Form

In both HTML and Design Window, users can edit the from through "Properties Panel".

In HTML Window

Before you begin edit, you need to put cursor within the HTML tag. For example, if you want to edit form action, please put cursor within the <FORM> tag, the corresponding values will appear on the Properties Panel; if you want to edit form element, please put cursor within the element's HTML tag, the values of this element will also appear on the Properties Panel. Then you can edit them in the panel.

In Design Window

Steps:

1. Edit Form Action:
   Put the cursor into the form. When the FORM tag appears on the Properties Panel, please edit form action in the panel.
   
   Illustration :

2. Edit Form Elements:
   Active the Form Element by clicking. Its parameter values will be shown on the "<element name>" Properties Panel. Edit the element in the panel.
   
   Illustration :