| Line 30: | Line 30: | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | <_input type="button" name=" | + | <_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> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | <_input type="button" name=" | + | <_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=== | ===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 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=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | ||
Revision as of 21:28, 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
- 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
