| (18 intermediate revisions by 4 users not shown) | |||
| Line 4: | Line 4: | ||
_input | _input | ||
===Synopsis=== | ===Synopsis=== | ||
| − | A | + | A graphical submit button |
===Description=== | ===Description=== | ||
_input elements of type image are used to create graphical submit buttons, i.e. submit buttons that take the form of an image rather than text. | _input elements of type image are used to create graphical submit buttons, i.e. submit buttons that take the form of an image rather than text. | ||
===Parameters=== | ===Parameters=== | ||
| − | type=" | + | type="image" |
All other valid parameters for an input field are valid. Additionally you can use min, max, step and list. | All other valid parameters for an input field are valid. Additionally you can use min, max, step and list. | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | <p>Sign in to your account:</p> | + | <_fieldset style="border:1px solid #eee; padding:15px;"> |
| − | <div> | + | <_legend>Sign in</_legend> |
| − | + | <p>Sign in to your account:</p> | |
| − | + | <div> | |
| − | </div> | + | <_label for="userId">User ID</_label> |
| − | <_input type="image" id="image" alt="Login" | + | <_input type="text" id="userId" name="userId" /> |
| − | src="{{filepath | + | </div> |
| + | <_input type="image" id="image" alt="Login" | ||
| + | src="//{{filepath:Login-btn-example.png|nowiki}}" /> | ||
| + | </_fieldset> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| + | <_fieldset style="border:1px solid #eee; padding:15px;"> | ||
| + | <_legend>Sign in</_legend> | ||
<p>Sign in to your account:</p> | <p>Sign in to your account:</p> | ||
<div> | <div> | ||
| Line 27: | Line 32: | ||
</div> | </div> | ||
<_input type="image" id="image" alt="Login" | <_input type="image" id="image" alt="Login" | ||
| − | src="{{filepath | + | src="{{filepath:Login-btn-example.png|nowiki}}" /> |
| + | </_fieldset> | ||
===Note=== | ===Note=== | ||
| − | |||
| − | |||
| − | |||
===Links=== | ===Links=== | ||
| − | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/ | + | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image |
| 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=A graphical submit button | ||
| + | }} | ||
| ws-page-props | |||
| Line 1: | Line 1: | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 13:55, 22 September 2022
Name
image
Type
_input
Synopsis
A graphical submit button
Description
_input elements of type image are used to create graphical submit buttons, i.e. submit buttons that take the form of an image rather than text.
Parameters
type="image"
All other valid parameters for an input field are valid. Additionally you can use min, max, step and list.
Example
<_fieldset style="border:1px solid #eee; padding:15px;">
<_legend>Sign in</_legend>
<p>Sign in to your account:</p>
<div>
<_label for="userId">User ID</_label>
<_input type="text" id="userId" name="userId" />
</div>
<_input type="image" id="image" alt="Login"
src="//{{filepath:Login-btn-example.png|nowiki}}" />
</_fieldset>
Note
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image
