Open In App

HTML DOM Input Text type Property

Improve
Improve
Like Article
Like
Save
Share
Report

The Input Text type Property in HTML DOM is used to return the type of form element of the text field. It always returns the text for an Input text field.

Syntax: 

textObject.type

Return Value: It returns a string value that represents the type of form element the input text field is.

Below program illustrates the text type property in HTML DOM:

Example: This example returns the type of form element of the text field. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Text type Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
 
    <h2>HTML DOM Input Text type Property</h2>
     
    <input type="text" id="text_id"
        value="Hello Geeks!">
    <br><br>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG"></p>
 
    <!-- script to return the type Property-->
    <script>
        function myGeeks() {
            let txt = document.getElementById("text_id").type;
            document.getElementById("GFG").innerHTML = txt;
        }
    </script>
</body>
 
</html>


Output: 

input-text-type

Supported Browsers:

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Opera
  • Safari 1

Last Updated : 02 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads