Forms Reference

This is a reference for every option within the forms section in the WYSIWYG editor.

Insert/Edit a Form 

General Tab

Auto-validate - Checks to make sure that the information is input correctly

Name - A name for the form

Action - Where the data in the form will be submitted

Method
POST - The form data will be sent as an HTTP post transaction
GET - The form data will be sent in the URL of the resulting page

Target - Specifies where the resulting page will be opened

Encryption type
None - No encryption
multipart/form-data - Ask about this

Class - Gives a form a class for use in CSS or Javascript

 

Advanced Tab

Id - A unique id for the form

onsubmit - Sets a script to execute when the form is submitted

onreset - Sets a script to execute when the form is reset

Summary - Summarize the content of the form

Style - Sets any inline styling for the form

 

Hidden Fields Tab

Hidden Fields - Inserts an input that can neither be seen or edited by the user

Name - Identifies the input for processing after submission

Value - Specifies the value that is submitted

 

Deleting a Form  

Use this button to delete the selected form. This will delete everything within the form as well.

 

Inserting an Input Element 

General Tab

Name - Indentifies the input for processing after submission

Value - Varies with the type of input.
For text input, defines the default value.
For checkboxes and radio buttons, defines the value that will be submitted.
For buttons, defines the test that is shown on the button

Type
text - Gives a text field
checkbox - Gives a checkbox
radio - Gives a radio button
button - Gives a normal button
file - Gives a file upload field
masked password - Gives a text field where the characters will be represented by bullets
submit button - Inserts the button to submit the form
reset button - inserts a button that will empty/reset all of the form elements

Size - Specifies the size of the element. Only affects text, file, and password types

Height - Specifies the height of the element

Width - Specifies the width of the element

Background image - Inserts a background image for the element

Border color - Gives the element a border of the specified color

Background color - Gives the element a solid background of the specified color

Class - Gives the element a class for use in CSS or Javascript

 

Advanced Tab

Id - Gives the element a unique id

onfocus - Executes a script when the element comes into focus

onblur - Executes a script when the element goes out of focus

onchange - Executes a script when the element is changed

onselect - Executes a script when the element is selected

onclick - Executes a script when the element is clicked

onkeyup - Executes a script when a key is pressed

onkeydown - Executes a script when a key is released

Maxlength - Specifies the maximum number of characters that can be input. Only for text and password types.

Required - Specifies whether the element is required for the form to be submitted

Checked - Specifies whether a checkbox or redio button will be checked when the form loads

Disabled - Specifies whether the element is disabled

Source - specifies an image to display as the submit button

Summary - Summarizes the element

Style - Specifies any styling that is applied to the element

 

Inserting a Select Element 

General Tab

Name - Gives the select element a name

Name or ID - The input that is submitted for the selected option

Value - The value that is displayed for the selected option

Default Selected Value - The value that will be displayed by default

Multiple Selections Allowed - If checked, allows a user to select multiple options at once

Number of Option Rows - Specifies the number of options that are visible at any one time

Width - Specifies the width of the select element

Height - Specifies the height of the select element

Background image - specifies an image to be shown in the background of the select element

Border color - Specifies the color for the border of the element

Background color - specifies the color of the background of the element

Class - Specifies the class of the element for use in CSS and Javascript

Advanced Tab

Id - Gives the element a unique ID

onfocus - specifies a script which will run when the element is in focus

onblur - specifies a script which will run when the element looses focus

onchange - specifies a script which will run when the element is changed

onselect - specifies a script which will run when the element is selected

onclick - specifies a script which will run when the element is clicked

Required - specifies whether this element is required to complete the form

Disabled - specifies whether this element is disabled

Summary - suammarizes the content of the element

Style - specifies any styling of the element

 

Inserting a Textarea

General Tab

Name - Gives the element a name

Value - Specifies the default text for the element

Rows - Specifies the number of visible rows in the textarea

Columns - Specifies the number of visible columns in the textarea

Background Image - Specifies a background image for the textarea

Border color - Specifies the color of the border of the textarea

Background color - Specifies the color of the background of the textarea

Class - Gives the element a class for use in CSS and Javascript

Advanced Tab

Id - Gives the element a unique Id

onfocus - specifies a script to run when the element is in focus

onblur - specifies a script to run when the element looses focus

onchange - specifies a script to run when the element is changed

onselect - specifies a script to run when the element is selected

onclick - specifies a script to run when the element is clicked

onkeyup - specifies a script to run when a key is released

onkeydown - specifies a script to run when a key is pressed

Maxlength - specifies the maximum number of characters allowed in this textarea

Required - Specifies whether this element is required to complete the form

Disabled - specifies whether this element is disabled

Summary - summarizes the content of this textarea

Style - specifies any styling for this element