HTML | DOM Input Text value Property (original) (raw)

Last Updated : 26 Aug, 2022

The Input Text value property in HTML DOM is used to set or return the value of a value attribute of the input field. The value attribute specifies the initial value of the input Text Field. It contains the default value or the user types.

Syntax:

textObject.value

textObject.value = text

Property Value: It contains single value text which defines the value of the input text field.

Return Value: It returns the string value which represent the value of the Text Field.

Example 1: This example illustrates how to return Input Text value property.

HTML `

HTML DOM Input Text value Property

GeeksForGeeks

DOM Input Text value Property

Click Here! 

<!-- Script to return the Input Text value Property-->
<script> 
    function myGeeks() { 
        var txt = document.getElementById("text_id").value; 
        document.getElementById("GFG").innerHTML = txt; 
    } 
</script>

`

Output:
Before Clicking On Button:

After Clicking On Button:

Example 2: This example illustrates how to set Input Text value property.

HTML `

HTML DOM Input Text value Property

GeeksForGeeks

DOM Input Text value Property

Click Here! 

<!-- Script to set Input Text value Property-->
<script> 
    function myGeeks() { 
        var txt = document.getElementById("text_id").value
                = "GeeksForGeeks";
                
        document.getElementById("GFG").innerHTML 
                = "The value of the value attribute "
                  + "was changed to : " + txt; 
    } 
</script>

`

Output:
Before Clicking the Button:

After Clicking the Button:

Supported Browsers: The browser supported by DOM input Text value property are listed below: