DevOps:Doc/FlexForm/2.0/input/image - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:07:25Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:07, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1,2.5
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Maintenance script: Imported by PageSync

2025-07-15T08:34:04Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:34, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Charlot: User:Charlot

2023-03-31T20:04:02Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:04, 31 March 2023
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Subject version=2.0		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input		\|Doc parent=DevOps:Doc/FlexForm/1.0/input

Charlot at 21:03, 13 December 2022

2022-12-13T21:03:18Z

← Older revision		Revision as of 23:03, 13 December 2022
Line 2:		Line 2:
	image		image
	===Type===		===Type===
	~~_input~~		input
	===Synopsis===		===Synopsis===
	A graphical submit button		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="image"		type="image"
Line 13:		Line 13:
	===Example===		===Example===
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_fieldset~~ style="border:1px solid #eee; padding:15px;">		<fieldset style="border:1px solid #eee; padding:15px;">
	<~~_legend~~>Sign in</~~_legend~~>		<legend>Sign in</legend>
	<p>Sign in to your account:</p>		<p>Sign in to your account:</p>
	<div>		<div>
	<~~_label~~ for="userId">User ID</~~_label~~>		<label for="userId">User ID</label>
	<~~_input~~ type="text" id="userId" name="userId" />		<input type="text" id="userId" name="userId" />
	</div>		</div>
	<~~_input~~ type="image" id="image" alt="Login"		<input type="image" id="image" alt="Login"
	src="//{{filepath:Login-btn-example.png\|nowiki}}" />		src="//{{filepath:Login-btn-example.png\|nowiki}}" />
	</~~_fieldset~~>		</fieldset>
	</syntaxhighlight>		</syntaxhighlight>
	<~~_fieldset~~ style="border:1px solid #eee; padding:15px;">		<fieldset style="border:1px solid #eee; padding:15px;">
	<~~_legend~~>Sign in</~~_legend~~>		<legend>Sign in</legend>
	<p>Sign in to your account:</p>		<p>Sign in to your account:</p>
	<div>		<div>
	<~~_label~~ for="userId">User ID</~~_label~~>		<label for="userId">User ID</label>
	<~~_input~~ type="text" id="userId" name="userId" />		<input type="text" id="userId" name="userId" />
	</div>		</div>
	<~~_input~~ type="image" id="image" alt="Login"		<input type="image" id="image" alt="Login"
	src="{{filepath:Login-btn-example.png\|nowiki}}" />		src="{{filepath:Login-btn-example.png\|nowiki}}" />
	</~~_fieldset~~>		</fieldset>
	===Note===		===Note===
	===Links===		===Links===
	https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image		https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image

Charlot: User:Charlot

2022-12-13T21:02:24Z

User:Charlot

ws-class-props
← Older revision		Revision as of 23:02, 13 December 2022
Line 5:		Line 5:
	\|Doc sort order=110		\|Doc sort order=110
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=A graphical submit button
	}}		}}

Charlot: User:Charlot

2022-12-13T21:02:17Z

User:Charlot

New page

===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