| (13 intermediate revisions by 4 users not shown) | |||
| Line 6: | Line 6: | ||
How to render a simple push button | How to render a simple push button | ||
===Description=== | ===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 | + | 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=== | ===Parameters=== | ||
type="button" | type="button" | ||
All other valid parameters for an input field are valid | 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 | ||
| + | * <s>formmethod</s> -- not supported by FlexForm | ||
| + | * formnovalidate | ||
| + | * formtarget | ||
| + | * name | ||
| + | * type - in FlexForm this argument is buttontype (e.g. _input type="button" buttontype="submit") | ||
| + | * value | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | <_input type="button" | + | <_input type="button">Click me</_input> |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | <_input type="button" | + | <_input type="button">Click me</_input> |
===Note=== | ===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" | ||
===Links=== | ===Links=== | ||
| − | https://developer.mozilla.org/en-US/docs/Web/HTML/Element | + | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button |
| ws-class-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
| − | + | {{Doc properties | |
| + | |Doc subject=DevOps:Doc/FlexForm | ||
| + | |Subject version=1.0,1.1 | ||
| + | |Doc parent=DevOps:Doc/FlexForm/1.0/input | ||
| + | |Doc sort order=110 | ||
| + | |Doc target group=User | ||
| + | |Doc synopsis=How to render a simple push button | ||
| + | }} | ||
| ws-page-props | |||
| Line 1: | Line 1: | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 14:46, 22 September 2022
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"
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
