Skip to content
Related Articles

Related Articles

HTML | DOM Input Text select() Method

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 27 Apr, 2022

The DOM Input select() method selects all the text content of a textarea or an input element which contains the text field. Syntax:

element.select();

Parameters: This method does not accepts any parameters. 

Example: This example selects the content of input text field. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML DOM Input Text select() Method</title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
 
        <h2>DOM select() Method</h2>
 
        <input type="text" id="text-box" size="20"
                value="A computer science portal">
         
        <button onclick="selectText()">
            Select text
        </button>
 
        <script>
            function selectText() {
                const content =
                    document.getElementById('text-box');
 
                content.select();
            }
        </script>
    </center>
</body>
 
</html>

Output:

  • Before Clicking the button:
  •  
  • After Clicking the button:
  •  

Supported Browsers: The browsers supported by HTML DOM Input Text select() Method are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!