Tools - Form Items
The form generator is used for complex form preparation. It allows you to specify all parameters and place any form elements you may need. You can run the tool from Home name / Tools / Forms / Other form elements, or from the bar Tables and forms. The command icon is shown next to it. The tool window is divided into three parts:
To create a form element, select an element from the list, set its options, and then add it to the list of created elements using the "Add" button next to the list of form components at the bottom of the window. Available form elements
In this part of the window you can select the element you want to insert into the form. The following types of elements are available:
- Editing field "Text" - ordinary one-line text field
- Password field "Password" - Password field - all letters displayed on the page will be as asterisks in order to hide the real text from possible password peeking
- Hidden field "Hidden" - hidden field of the form, is used to pre-store values that do not need to be displayed on the page, but should be submitted with the form.
- "CheckBox" option - a toggle for selecting options
- "Radio" option - a switch to select one of several options in a given group
- File "File" - a field used to specify the path to the file to be sent with the form
- Submit" button - button that sends the form
- "Reset" button - a button that cleans the contents of the form
- Ordinary button - a button without an assigned default action
- Image submission - an image that, when clicked, acts like clicking on the "Submit" button
Depending on which type of element you select, the form element options available on the right side of this list change. Form element options
The options of this tab allow you to specify options for individual form elements.
Note!
All available options are listed below. However, for individual form elements, some of them may not appear, because they are not supported by a given element (e.g. there is no maximum text length for an image, URL to an image in the case of a text field, etc.) Name
Specify the name of the current element. This is necessary to identify the element when processing data from the form to the server. Value
Specify a default value for the current item. Image description
Provide a description of the inserted image (graphic button only). URL to graphics
Enter the URL to the image (graphics button only). You can use the list that lists recent addresses to images you have used, or use the button next to the field that opens the graphic viewer.
Order when TAB keypress
Check this option if you want to specify the tab index of this element among the form elements. This index determines the order of the elements when you move through the form using the TAB key. Shortcut key
Check this option if you want to select a hotkey for this form element on the page. The shortcut key will be Alt+character, which you select from the list next to it.
Size
Specify the size of the element which is the number of characters (text fields), or pixels (other elements). Maximum length
Specify the number of characters that can be entered at most in the current field. Alignment
Specify how this element is to be aligned with respect to other page elements. This attribute is defined in the HTML specification as deprecated (deprecated) and it is recommended to use CSS styles for alignment. Read-only
Check this option if the window is to be read-only (e.g., for the presentation of text, without the ability to change it) Disabled
Check this option if the window is to be locked ( disabled="disabled" attribute). Selected
Check this option if the current element is to be marked aschecked. Only for radio and checkbox type elements. Style definition
In this field you define the style for the element placed in the document. The button next to it launches the style editor tool to create a style definition in a user-friendly and convenient way. By clicking there you can also modify an existing style. Class selection
In this field you specify the class identifier assigned to the tag. The drop-down list allows you to access classes defined in the current document and in external style sheets attached to it. The button next to it launches the tool for creating a new class. Item ID
Here you provide a unique identifier for this element in the document. These identifiers can be used, for example, when making jumps to specific parts of the page or in scripts.
Form elements
This part of the window lists all items added to the form. Add
Click on this button to add the current item to the list. Use the arrow to the right of this button to choose how to insert form elements.
Clean
Click on this button to quickly remove all added form components. "Events and Attributes" button
The "Events and Attributes" button allows you to open the Events and Other Attributes window. This window allows you to specify additional attributes of the edited tag that do not have their counterparts in the tool window. There you can also specify events for scripting languages that allow you to achieve various special effects.
|