HTML | DOM Input Range type Property

HTML | DOM Input Radio type Property

Last Updated : 05 Sep, 2022

The DOM Input Radio type Property in HTML DOM is used to return the type of form element of the Radio Button. It always returns the "radio" for an Input Radio Button.

Syntax:

radioObject.type

Return Values: It returns a string value which represents the type of form element the input radio field is.

Below program illustrates the Radio type property in HTML DOM:
Example: This example returns the type of form element of the Radio field.

HTML

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
        }
        
        h1 {
            color: green;
        }
    </style>
</head>
<body>
    <h1>
      GeeksforGeeks
    </h1>
    <h2>
      HTML DOM Input Radio type Property
    </h2>
      Radio Button:
    <input type="radio" 
           checked=true 
           id="radioID" 
           value="Geeks_radio"
           name="Geek_radio">
    <br>
    <br>
    <button onclick="GFG()">
        Click!
    </button>
    <p id="GFG"
       style="font-size:25px;
              color:green;">
    </p>

    <script>
        function GFG() {

            // Return Input Radio type Property
            var x =
                document.getElementById(
                  "radioID").type;
          
            document.getElementById(
              "GFG").innerHTML = x;
        }
    </script>
</body>
</html>

Output:
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM input Radio type Property are listed below:

Google Chrome
Edge 12+
Firefox
Opera
Safari

HTML | DOM Input Range type Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input Range type Property

The DOM Input Range type Property in HTML DOM is used for returning the which type of form element the slider control is. All the Browser should return "range". whereas the Internet Explorer always returns the "text" instead of "range". Syntax: rangeObject.type Return Value: It returns a string valu

HTML DOM Input Tel readOnly Property

The DOM Input tel readOnly property is used to set or return whether the tel field should be read-only or not. It means that a user cannot modify or changes the content already present in a particular element (However, a user can tab to it, highlight it, and copy the text from it) whereas a JavaScri

HTML DOM Input Tel type Property

The DOM Input tel type property in HTML DOM is used to return the type of form element of the input tel field. It always returns the "tel" for an Input tel field. Syntax: telObject.typeReturn Values: It returns a string value that represents the type of form element of the tel field. The below progr

HTML DOM Input Text type Property

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.typeReturn Value: It returns a string value that represents the type of form element the input text field is. Below program i

HTML | DOM Input URL type Property

The DOM Input URL type Property in HTML DOM is used for returning the Which type of form element the URL field is. This Property will always return "URL".Syntax: urlObject.type Return Value: It returns a string value which represent the type of form element the URL field is. Example: This Example il

HTML | DOM Input Week readOnly Property

The DOM Input Week readOnly property in HTML DOM is used to set or return whether the Input Week Field should be read-only or not. It can be copied but can't be modified. Syntax: It returns the readOnly property.weekObject.readOnlyIt is used to set the readOnly property.weekObject.readOnly = "true|f

HTML | DOM Input Date type Property

The Input Date type property is used for returning the type of form element the date field is. The Input Date type property returns a string that represents the type of form element the date field is. Syntax: inputdateObject.type Return Values: It returns a string value that represents the type of f

HTML DOM Input Tel required Property

The DOM input tel required property in HTML DOM is used to set or return whether the input tel field should be filled or not when submitting the form. This property is used to reflect the HTML required attribute. Syntax: It returns the input tel required property. telObject.requiredIt is used to set

HTML DOM Input Color type Property

The DOM Input Color type Property in HTML DOM is used for returning which type of form element containing the color picker is. This property will always return "color". Syntax: colorObject.type Return Value: It returns a string value that represents the type of form element the input color field is.

HTML | DOM Input Image type Property

The Input Image type Property in HTML DOM is used to returning the which type of form element an image field is. Syntax: ImageObject.type Return Value: It returns a string value which represents the type of form element the Image field is. Below Example returns the Image Type Property. Example: HTML