| (11 intermediate revisions by 4 users not shown) | |||
| Line 12: | Line 12: | ||
All other valid parameters for an input field are valid | All other valid parameters for an input field are valid | ||
| − | Specific parameters | + | '''Specific parameters.''' |
| − | autofocus | + | |
| − | autocomplete | + | For there exact meaning, follow the link in the Link section below |
| − | disabled | + | |
| − | form | + | * autofocus |
| − | formaction | + | * autocomplete |
| − | formenctype | + | * disabled |
| − | formmethod -- not supported by FlexForm | + | * form |
| − | formnovalidate | + | * formaction |
| − | formtarget | + | * formenctype |
| − | name | + | * <s>formmethod</s> -- not supported by FlexForm |
| − | type | + | * formnovalidate |
| − | value | + | * 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 | + | 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/button | 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
