Line 35: Line 35:
 
</_input>
 
</_input>
 
</syntaxhighlight>
 
</syntaxhighlight>
   <_input type="button" name="favorite">
+
   <_input type="button" name="favorite" noparse>
 
   <svg aria-hidden="true" viewBox="0 0 10 10"><path d="M7 9L5 8 3 9V6L1 4h3l1-3 1 3h3L7 6z"/></svg>
 
   <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
 
   Add to favorites

Revision as of 21:33, 24 February 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" name="favorite">
  <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

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.

Links

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

ws-page-props