| (5 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 | ||
|Doc sort order=110 | |Doc sort order=110 | ||
|Doc target group=User | |Doc target group=User | ||
| + | |Doc synopsis=How to render a simple push button | ||
}} | }} | ||
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
