m (E00a555c-1e5d-4eb3-b26b-5be8dc16c657 moved page DevOps:Doc/FlexForm/1.0.0/input/image to input/image without leaving a redirect: Text replacement - "1.0.0" to "1.0")
 
(4 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
_input
 
_input
 
===Synopsis===
 
===Synopsis===
A graphiocal 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.
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:
{{Doc properties
+
 
|Doc subject=DevOps:Doc/FlexForm
 
|Doc parent=DevOps:Doc/FlexForm/1.0.0/input
 
|Doc sort order=110
 
|Doc target group=User
 
|Subject version=1.0.0
 
}}
 

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>

Sign in

Sign in to your account:

Note

Links

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