(8 intermediate revisions by 4 users not shown)
Line 30: Line 30:
 
===Example===
 
===Example===
 
<syntaxhighlight lang="html">
 
<syntaxhighlight lang="html">
   <_input type="button" name="favorite">
+
   <_input type="button">Click me</_input>
  <svg aria-hidden="true" viewBox="0 0 10 10"><path d="M7 9L5 8 3 9V6L1 4h3l1-3 1 3h3L7 6z"/></svg>
 
  Add to favorites
 
</_input>
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  <_input type="button" name="favorite">
+
<_input type="button">Click me</_input>
  <svg aria-hidden="true" viewBox="0 0 10 10"><path d="M7 9L5 8 3 9V6L1 4h3l1-3 1 3h3L7 6z"/></svg>
 
  Add to favorites
 
</_input>
 
 
===Note===
 
===Note===
The FlexForm button however renders a button HTML attribute and not a input type="button". This will give you more freedom and is actually prefered. See the Link in the Links section for all the options.
+
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:
{{Doc properties
+
 
|Doc subject=DevOps:Doc/FlexForm
 
|Doc parent=DevOps:Doc/FlexForm/1.0.0/input
 
|Doc sort order=110
 
|Doc target group=User
 
|Subject version=1.0.0
 
}}
 

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