(4 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
button | button | ||
===Type=== | ===Type=== | ||
− | + | input | |
===Synopsis=== | ===Synopsis=== | ||
How to render a simple push button | How to render a simple push button | ||
Line 26: | Line 26: | ||
* formtarget | * formtarget | ||
* name | * name | ||
− | * type - in FlexForm this argument is buttontype (e.g. | + | * type - in FlexForm this argument is buttontype (e.g. input type="button" buttontype="submit") |
* value | * value | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
− | < | + | <input type="button">Click me</input> |
</syntaxhighlight> | </syntaxhighlight> | ||
− | < | + | <input type="button">Click me</input> |
===Note=== | ===Note=== | ||
− | The FlexForm button renders a | + | The FlexForm button renders a <code><nowiki><button></nowiki></code>''' HTML attribute and '''not''' a '''input type="button"'''. |
This will give you more freedom and is actually preferred. See the Link in the Links section for all the options. | This will give you more freedom and is actually preferred. See the Link in the Links section for all the options. | ||
If you want to add a button type ( e.g. for submitting ), you can use the argument '''buttontype'''="submit" | If you want to add a button type ( e.g. for submitting ), you can use the argument '''buttontype'''="submit" | ||
+ | |||
+ | You can also use the default HTML button method. | ||
+ | |||
+ | Example : | ||
+ | <syntaxhighlight lang="html"> | ||
+ | <button>Click me</button> | ||
+ | </syntaxhighlight> | ||
+ | <button>Click me</button> | ||
===Links=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | ||
ws-class-props | |||
---|---|---|---|
Line 1: | Line 1: | ||
{{Doc properties | {{Doc properties | ||
− | |Subject version=2.0 | + | |Subject version=2.0,2.1 |
|Doc subject=DevOps:Doc/FlexForm | |Doc subject=DevOps:Doc/FlexForm | ||
|Doc parent=DevOps:Doc/FlexForm/1.0/input | |Doc parent=DevOps:Doc/FlexForm/1.0/input |
Latest revision as of 22:00, 31 March 2023
Name
button
Type
input
Synopsis
How to render a simple push button
Description
Elements of type button are rendered as simple push buttons, which can be programmed to control custom functionality anywhere on a webpage as required when assigned an event handler function.
Parameters
type="button"
All other valid parameters for an input field are valid
Specific parameters.
For there exact meaning, follow the link in the Link section below
- autofocus
- autocomplete
- disabled
- form
- formaction
- formenctype
formmethod-- not supported by FlexForm- formnovalidate
- formtarget
- name
- type - in FlexForm this argument is buttontype (e.g. input type="button" buttontype="submit")
- value
Example
<input type="button">Click me</input>
Note
The FlexForm button renders a <button>
HTML attribute and not a input type="button".
This will give you more freedom and is actually preferred. See the Link in the Links section for all the options. If you want to add a button type ( e.g. for submitting ), you can use the argument buttontype="submit"
You can also use the default HTML button method.
Example :
<button>Click me</button>
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button