HTML <input> height Attribute

HTML input value Attribute

Last Updated : 30 Sep, 2024

The HTML input value attribute defines the initial value of an <input> element, such as text fields, checkboxes, or radio buttons. It sets the default content or state for the input before user interaction or form submission.

It has different meanings for different input types:

The “button”, “reset” and “submit” property specifies the text on the button.
The “text”, “password” and “hidden” property specifies the initial value of the input field.
The “checkbox”, “radio” and “image” property specifies the value associated with the input.

Syntax

<input value = "text">

Attribute Value: It contains a single value text that specifies the value of the input element.

Example 1: In this example we creates a centered page with a green heading, demonstrating the use of the input value attribute. The text field is pre-filled with the default value “GeeksforGeeks” upon loading.

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML input value Attribute</title>
</head>

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

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

    <h2>
        HTML input value Attribute
    </h2>

    Input: <input type="text" value="GeeksforGeeks">
</body>

</html>

Output:

inputvalue

Example 2: In this example we demonstrates an input button with the value attribute set to “Submit”. It is centered on the page with a green heading titled “GeeksforGeeks”.

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML input value Attribute</title>
</head>

<body style = "text-align:center">
    
    <h1 style = "color:green;">
        GeeksforGeeks
    </h1>
         
    <h2>
        HTML input value Attribute
    </h2>
         
    <input type = "button" value = "Submit">
</body>

</html>

Output:

inputvalue

Supported Browsers

The browser supported by <input> value attribute are listed below:

HTML <input> height Attribute

V

Vishal Chaudhary 2

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">