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 '''<button>''' HTML attribute and '''not''' a '''input type="button"'''. | The FlexForm button renders a '''<button>''' HTML attribute and '''not''' a '''input type="button"'''. | ||
Line 38: | Line 38: | ||
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 <syntaxhighlight lang="html"><button> </button></syntaxhighlight>. | ||
+ | |||
+ | Example : | ||
+ | <syntaxhighlight lang="html"> | ||
+ | <button>Click me</button> | ||
+ | </syntaxhighlight> | ||
===Links=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button |
Revision as of 21:29, 13 December 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 </syntaxhighlight>.
Example :
<button>Click me</button>
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button