HTML | Método de selección de texto de entrada DOM()

El método DOM Input select() selecciona todo el contenido de texto de un área de texto o un elemento de entrada que contiene el campo de texto. Sintaxis:

element.select();

Parámetros: Este método no acepta ningún parámetro. 

Ejemplo: Este ejemplo selecciona el contenido del campo de texto de entrada. 

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>

Producción:

  • Antes de hacer clic en el botón:
  •  
  • Después de hacer clic en el botón:
  •  

Navegadores compatibles: los navegadores compatibles con el método HTML DOM Input Text select() se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por DeepakDev y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *