Método de búsqueda de entrada HTML DOM select()

El método Input Search select() en HTML DOM se utiliza para seleccionar el contenido del campo de texto de búsqueda de entrada. Es el método predefinido del objeto de búsqueda

Sintaxis:

searchObject.select()
  • Parámetros: No acepta ningún parámetro.
  • Valor devuelto: No devuelve ningún valor.

Ejemplo : este ejemplo utiliza el método    Input Search select() para seleccionar el contenido dentro del campo de búsqueda.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
  
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>Input Search select() Method</h2>
  
    <input type="Search" id="test"
           placeholder="Type to search.."
           value="GeeksForGeeks">
    <br>
    <br>
    <br>
    <button onclick="selectContent()">
      Select the Content of Search Field
    </button>
  
    <script>
        function selectContent() {
            
            // Use the select() method
            document.getElementById(
                "test"
            ).select();
        }
    </script>
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 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 *