(Admin) |
m (Text replacement - "{{Doc properties" to "{{Csp class properties") |
||
| (21 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
===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=== | |||
<syntaxhighlight lang="html"> | |||
<_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> | |||
</syntaxhighlight> | |||
<_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 | |||
| 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=A graphical submit button | |||
}} | |||
| ws-page-props | |||
| Line 1: | Line 1: | ||
Latest revision as of 09:59, 15 July 2025
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
