Skip to content
Related Articles

Related Articles

HTML | DOM Input Text select() Method
  • Last Updated : 24 Jul, 2019
GeeksforGeeks - Summer Carnival Banner

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.




<!DOCTYPE html>
<html>
  
<head>
    <title>HTML DOM focus() 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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :