HTML | Propiedad de marcador de posición de URL de entrada de DOM

La propiedad de marcador de posición de URL de entrada DOM se usa para establecer o devolver el valor del atributo de marcador de posición de un campo de URL . El atributo de marcador de posición especifica una breve sugerencia como texto en el campo de entrada que describe el valor esperado.

Sintaxis:

Se utiliza para devolver la propiedad de marcador de posición.
```
urlObject.placeholder
```
Se utiliza para establecer la propiedad de marcador de posición.
```
urlObject.placeholder = text
```

El valor de la propiedad:

texto: Define una breve sugerencia que describe un valor esperado del campo url.

Valor de retorno: devuelve un valor de string que representa una breve pista que describe el valor esperado del campo de URL.

Ejemplo-1: Este ejemplo ilustra cómo devolver la propiedad.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM Input URL placeholder Property
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;"> 
                GeeksForGeeks 
            </h1>
  
        <h2>
          DOM Input URL placeholder Property
      </h2>
  
        <label for="uname"
               style="color:green">
            <b>Enter URL</b>
        </label>
  
        <input type="url"
               id="gfg"
               placeholder="Enter URL" 
               size="20"
               name="myGeeks">
  
        <br>
        <br>
  
        <button type="button" 
                onclick="geeks()">
            Click
        </button>
  
        <p id="GFG" 
           style="color:green;
                  font-size:25px;">
      </p>
  
        <script>
            function geeks() {
                
                var link = 
                    document.getElementById(
                      "gfg").placeholder;
                
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>
  
</html>

Salida:
antes de hacer clic en el botón:

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

Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM Input URL placeholder Property
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;"> 
                GeeksForGeeks 
            </h1>
  
        <h2>
          DOM Input URL placeholder Property
      </h2>
  
        <label for="uname" 
               style="color:green">
            <b>Enter URL</b>
        </label>
  
        <input type="url" 
               id="gfg"
               placeholder="Enter URL" 
               size="20" 
               name="myGeeks">
  
        <br>
        <br>
  
        <button type="button" 
                onclick="geeks()">
            Click
        </button>
  
        <p id="GFG" 
           style="color:green;
                  font-size:25px;">
      </p>
  
        <script>
            function geeks() {
                
                var link = 
                    document.getElementById(
                      "gfg").placeholder = 
                    "GeeksForGeeks.com";
                
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        </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 la propiedad de marcador de posición de URL de entrada DOM se enumeran a continuación:

Google Chrome
Internet Explorer 10.0 +
Firefox
Ópera
Safari

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 Cancelar la respuesta