m (Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5") |
|||
| (6 intermediate revisions by 2 users 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: | ||
{{ | {{Csp class properties | ||
|Subject version=2.0 | |Subject version=2.0,2.1,2.5 | ||
|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 10:06, 21 August 2025
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