No edit summary
m (Text replacement - "{{Doc properties" to "{{Csp class properties")
 
(12 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" name="btn">Click me</_input>
   <_input type="button">Click me</_input>
</syntaxhighlight>
</syntaxhighlight>
<_input type="button" name="btn">Click me</_input>
<_input type="button">Click me</_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:
 
{{Csp class 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 10:00, 15 July 2025

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