(Admin) |
|||
| Line 1: | Line 1: | ||
| + | ===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="month" | ||
| + | All other valid parameters for an input field are valid. Additionally you can use min, max, step and list. | ||
| + | ===Example=== | ||
| + | <syntaxhighlight lang="html"> | ||
| + | <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:File:Login-btn-example.png}}" /> | ||
| + | </syntaxhighlight> | ||
| + | <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:File:Login-btn-example.png}}" /> | ||
| + | ===Note=== | ||
| + | When not a correct month is entered, the browser will fallback to a text-input field. Read the link below how to handle these situations. | ||
| + | |||
| + | Also note that not all browsers support the month attribute. | ||
| + | ===Links=== | ||
| + | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month | ||
Revision as of 20:54, 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="month"
All other valid parameters for an input field are valid. Additionally you can use min, max, step and list.
Example
<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:File:Login-btn-example.png}}" />
Sign in to your account:
Note
When not a correct month is entered, the browser will fallback to a text-input field. Read the link below how to handle these situations.
Also note that not all browsers support the month attribute.
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month
