(3 intermediate revisions by the same user not shown)
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.
 
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 :
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
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

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