No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
<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> | |||
<_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> | |||
</syntaxhighlight> | </syntaxhighlight> | ||
<_fieldset style="border:1px solid #eee; padding:15px;"> | <_fieldset style="border:1px solid #eee; padding:15px;"> | ||
Revision as of 21:55, 9 March 2022
Name
image
Type
_input
Synopsis
A graphiocal 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
