HTML | <input> pattern Attribute

HTML <input> height Attribute

Last Updated : 03 Oct, 2024

The HTML <input> element’s height attribute sets the height of the input field in pixels. It only applies to image inputs (<input type=”image”>). For other input types, use CSS to control the height instead.

Syntax

<input height="pixels">

Attribute Values

It contains the value i.e pixels which specify the height of the input Element.

Example: In this example, we display an image input element with a specified height and width using the height attribute. The image is aligned centrally on the page.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML Input Image height Attribute
    </title>
</head>

<body style="text-align:center;">

    <h1 style="color:green;">
        GeeksForGeeks
    </h1>

    <h2>HTML Input image Height Attribute</h2>
    <input id="myImage" type="image" 
           src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png" alt="Submit"
           width="70" height="96" />

</body>

</html>

Output:

Supported Browsers

The browser supported by HTML <input> height Attribute are listed below:

HTML | <input> pattern Attribute

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML <input> align Attribute

TheÂ HTML <input> align attributeÂ is used withÂ <input type=â€ imageâ€>Â to set the horizontal alignment of the image. It is not supported by HTML 5. Note:Â SinceÂ <input type=â€ imageâ€>Â is not supported by HTML5 you can use CSS there instead of this attribute. The syntax for CSSÂ <input

HTML input maxlength Attribute

The maxlength attribute in the HTML <input> element is used to define the maximum number of characters that can be entered into the field. If no value is specified, or if an invalid value is provided, the input field will have no maximum length. The length is determined in UTF-16 code units, w

HTML | <input> name Attribute

The HTML <input> name Attribute is used to specify a name for an <input> element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Syntax: <input name="name"> Attribute Values: It contains a single value name which describ

HTML | <input> list Attribute

The HTML <input> list Attribute is used to identify a list of pre-defined options for an element to suggest the user. Syntax: <input list="datalist_id"> Attribute Values: datalist_id: It is used to specify the Id of the datalist that will used to make a link up with the input element. Ex

HTML | <input> required Attribute

The HTML required Attribute is a Boolean attribute which is used to specify that the input element must be filled out before submitting the Form. This attribute works with other types of input like radio, checkbox, number, text, etc.Syntax: <input required> Example-1: This Example that illustr

HTML <input> disabled Attribute

The disabled attribute for <input> element in HTML is used to specify that the input field is disabled. A disabled input is un-clickable and unusable. It is a boolean attribute. The disabled <input> elements are not submitted in the form. Syntax: <input disabled> Example: C/C++ Cod

HTML <input> type Attribute

The HTML <input> type Attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value">Attribute Values: Name Description button Defines clickable button in HTML document, commonly activated w

HTML input autofocus Attribute

The autofocus attribute in HTML is used to specify that a particular form element (like an input field, textarea, or select dropdown) should automatically receive focus when the page is loaded, allowing the user to start interacting with it immediately without needing to click on it. Syntax<input

HTML | input readonly Attribute

The readonly attribute of <input> element in HTML is used to specify that the input field is read-only. If an input is readonly, then it's content cannot be changed but can be copied and highlighted. It is a boolean attribute. Syntax: <input readonly> Example: This example uses HTML <

HTML < input> accept Attribute

The HTML <input> accept attribute is used to control the type of files that can be selected for input, restricting the file selection to specific formats such as image/* for images or .pdf for PDF files. Syntax: <input accept = "file_extension | audio/* | video/* | image/* | media_type">