`Input Type: Here's What It Does In HTML (Plus Code Example)`

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Value of: How To Define Input Type In HTML (All The Values And Attributes)
What does Input Type: Here's What It Does In HTML (Plus Code Example) do?: Defines an image that is clicked to submit a form.

Contents

1 Code Example
2 Browser Support for image
3 All values of type
4 All attributes of input

Code Example

<form action="myform.cgi">
<input type="file" name="fileupload" value="fileupload" id="fileupload">
<label for="fileupload"> Select a file to upload</label>
<br><input type="image" src="/wp-content/uploads/sendform.png" alt="Submit" width="100">
</form>

The image value allows us to specify an image that is used to submit a form, in place of a Submit button. Even though this image is being used as a button, you must still specify an alt description for the image.

Claire Broadley

Claire is seasoned technical writer, editor, and HTML enthusiast. She writes for HTML.com and runs a content agency, Red Robot Media.

Browser Support for image


All	All	All	All	All	All

All values of type

Value name	Notes
button	Defines a button-like input.
checkbox	Defines a checkbox, which the user can toggle on or off.
file	Defines a file upload box with a browse button.
hidden	Defines a field within a form that is not visible to the user.
image	Defines an image that is clicked to submit a form.
password	Displays an obfuscated password entry field.
radio	Defines a circular selection button in a form.
reset	Defines a button on a form that will return all fields to their default values.
submit	Defines a button that is clicked to submit a form.
text	Defines a text entry field in a form.

All attributes of input

Attribute name	Values	Notes
step		Specifies the interval between valid values in a number-based input.
required		Specifies that the input field is required; disallows form submission and alerts the user if the required field is empty.
readonly		Disallows the user from editing the value of the input.
placeholder		Specifies placeholder text in a text-based input.
pattern		Specifies a regular expression against which to validate the value of the input.
multiple		Allows the user to enter multiple values into a file upload or email input.
min		Specifies a minimum value for number and date input fields.
max		Specifies a maximum value for number and date input fields.
list		Specifies the id of a <datalist> element which provides a list of autocomplete suggestions for the input field.
height		Specifies the height of an image input.
formtarget		Specifies the browsing context in which to open the response from the server after form submission. For use only on input types of "submit" or "image".
formmethod		Specifies the HTTP method (GET or POST) to be used when the form data is submitted to the server. Only for use on input types of "submit" or "image".
formenctype		Specifies how form data should be submitted to the server. Only for use on input types "submit" and "image".
formaction		Specifies the URL for form submission. Can only be used for type="submit" and type="image".
form		Specifies a form to which the input field belongs.
autofocus		Specifies that the input field should be in focus immediately upon page load.
maxlength		Specifies the maximum number of characters that can be entered in a text-type input.
src		Defines the source URL for an image input.
type	button checkbox file hidden image password radio reset submit text	Defines the input type.
value		Defines an initial value or default selection for an input field.
size		Specifies the width of the input in characters.
name		Specifies the name of an input element. The name and value of each input element are included in the HTTP request when the form is submitted.
language		Was used to indicate the scripting language used for events triggered by the input.
accesskey		Defines a keyboard shortcut for the element.
disabled		Disables the input field.
checked		Specifies whether a checkbox or radio button form input should be checked by default.
border		Was used to specify a border on an input. Deprecated. Use CSS instead.
autocomplete		Specifies whether the browser should attempt to automatically complete the input based on user inputs to similar fields.