BASICS

ADMINISTRATION

DEVELOPMENT

SUPER ADMIN

  LAST UPDATED
4/8/2014

Forms Reference (WYSIWYG)

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

Insert/Edit a Form 

insert/edit a form button

This is the insert/edit form button.


General Tab

general tab

 

Auto-validate: Checks to make sure that the information is input correctly
Name: Input 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

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 tab

Hidden Fields: Inserts an input that can neither be seen nor edited by the user
Name: Identifies the input for processing after submission
Value: Specifies the value that is submitted

 

Deleting a Form   

delete a form button

This is the delete form button.

 

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

Next Page

 

 

Inserting an Input Element  

 

insert/edit an input element button

This is the insert/edit an input element button.


General Tab
general tab


Name
: Identifies 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
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 radio 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

 

Previous PageNext Page

 

Inserting a Select Element

insert/edit a select element button

This is the insert/edit a select element button


General Tab
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
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: Summarizes the content of the element
Style: Specifies any styling of the element

 

Previous PageNext Page

 

Inserting a Text Area

insert/edit a textarea button

This is the insert/edit a text area button


General Tab
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 text area
Columns: Specifies the number of visible columns in the text area
Background Image: Specifies a background image for the text area
Border color: Specifies the color of the border of the text area
Background color: Specifies the color of the background of the text area
Class: Gives the element a class for use in CSS and Javascript

Advanced Tab
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 text area
Required: Specifies whether this element is required to complete the form
Disabled: Specifies whether this element is disabled
Summary: Summarizes the content of this text area
Style: Specifies any styling for this element

Previous Page

 


Was this page helpful?

Additional Comments:


(Include your email address if you would like a reply)

Procede to http://support.omniupdate.com/