| Line 8: | Line 8: | ||
To have a form send to the handler it must have a submit button. | To have a form send to the handler it must have a submit button. | ||
| − | _input elements of type "submit" are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server. | + | _input elements of type "'''submit'''" are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server. |
| + | |||
FlexForm has several ways to submit form. | FlexForm has several ways to submit form. | ||
| − | Example 1 is the traditional way | + | '''Example 1''' is the traditional way |
| + | |||
A user clicks the submit button and the page refreshes or, depending on the form settings, brings the user to e.g. a thank you page. | A user clicks the submit button and the page refreshes or, depending on the form settings, brings the user to e.g. a thank you page. | ||
| − | Example 2 is submitting a Form using Ajax | + | '''Example 2''' is submitting a Form using Ajax |
| + | |||
Meaning the user will stay on the page without the need to reload a page. This can be very handy if a page has several FlexForms that do various tasks. | Meaning the user will stay on the page without the need to reload a page. This can be very handy if a page has several FlexForms that do various tasks. | ||
===Parameters=== | ===Parameters=== | ||
| Line 30: | Line 33: | ||
<_input type="submit" value="Send Request" mwidentifier="ajax" /> | <_input type="submit" value="Send Request" mwidentifier="ajax" /> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | |||
| − | |||
===Note=== | ===Note=== | ||
When a user clicks on a submit button. FlexForm disables the button (to prevent clicking more than once), will add a class of "wsform-submitting" to the form while it is being submitted and will add a class "wsform-submitted" when it is done (this last class is only relevant for ajax submit). | When a user clicks on a submit button. FlexForm disables the button (to prevent clicking more than once), will add a class of "wsform-submitting" to the form while it is being submitted and will add a class "wsform-submitted" when it is done (this last class is only relevant for ajax submit). | ||
===Links=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit | ||
Revision as of 08:50, 9 March 2022
Name
submit
Type
_input
Synopsis
How to submit a form
Description
To have a form send to the handler it must have a submit button.
_input elements of type "submit" are rendered as buttons. When the click event occurs (typically because the user clicked the button), the user agent attempts to submit the form to the server.
FlexForm has several ways to submit form.
Example 1 is the traditional way
A user clicks the submit button and the page refreshes or, depending on the form settings, brings the user to e.g. a thank you page.
Example 2 is submitting a Form using Ajax
Meaning the user will stay on the page without the need to reload a page. This can be very handy if a page has several FlexForms that do various tasks.
Parameters
_input type="submit"
All other arguments like "class" "id" etc are allowed
Example
Example 1
<_input type="submit" value="Send Request" />
Example 2
<_input type="submit" value="Send Request" mwidentifier="ajax" />
Note
When a user clicks on a submit button. FlexForm disables the button (to prevent clicking more than once), will add a class of "wsform-submitting" to the form while it is being submitted and will add a class "wsform-submitted" when it is done (this last class is only relevant for ajax submit).
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit
