DevOps:Doc/FlexForm/2.0/input/button - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:06:44Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:06, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|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

Maintenance script: Imported by PageSync

2025-07-15T08:33:43Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:33, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Charlot: User:Charlot

2023-03-31T20:00:42Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:00, 31 March 2023
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

Charlot at 14:09, 4 January 2023

2023-01-04T14:09:50Z

← Older revision		Revision as of 16:09, 4 January 2023
Line 34:		Line 34:
	<input type="button">Click me</input>		<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 <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.

Charlot at 20:31, 13 December 2022

2022-12-13T20:31:27Z

← Older revision		Revision as of 22:31, 13 December 2022
Line 45:		Line 45:
	<button>Click me</button>		<button>Click me</button>
	</syntaxhighlight>		</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

Charlot at 20:30, 13 December 2022

2022-12-13T20:30:54Z

← Older revision		Revision as of 22:30, 13 December 2022
Line 39:		Line 39:
	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>~~.		You can also use the default HTML button method.

	Example :		Example :

Charlot at 20:29, 13 December 2022

2022-12-13T20:29:49Z

← Older revision		Revision as of 22:29, 13 December 2022
Line 2:		Line 2:
	button		button
	===Type===		===Type===
	~~_input~~		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. ~~_input~~ type="button" buttontype="submit")		* 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~~>		<input type="button">Click me</input>
	</syntaxhighlight>		</syntaxhighlight>
	<~~_input~~ type="button">Click me</~~_input~~>		<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

Charlot: User:Charlot

2022-12-13T20:26:46Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:26, 13 December 2022
Line 5:		Line 5:
	\|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
	}}		}}

Charlot: User:Charlot

2022-12-13T20:26:37Z

User:Charlot

New page

===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
* <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===
<syntaxhighlight lang="html">
<_input type="button">Click me</_input>
</syntaxhighlight>
<_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