El HTML <input type=”url”> se usa para definir un campo que ingresó una URL . Este valor de entrada se valida automáticamente antes de enviar el formulario.
El método input URL select() en HTML DOM se usa para seleccionar el contenido de un campo de texto de URL. Es un método incorporado de objeto URL de entrada. Hacer referencia a los componentes de una URL desde el enlace dado
Enfoque: el color de fondo azul se agrega al contenido de la URL cuando el usuario hace clic en el botón para mostrar que está seleccionado.
Sintaxis:
URLObject.select()
- Parámetros: No acepta ningún parámetro.
- Valor devuelto: No devuelve ningún valor.
Ejemplo: este ejemplo utiliza el método select() de URL de entrada para seleccionar el contenido dentro del campo URL .
HTML
<!DOCTYPE html>
<html>
<head>
<title> DOM Input URL select() Method </title>
</head>
<body>
<center>
<h1 style="color:green;">GeeksforGeeks</h1>
<h2>DOM Input URL select() Method </h2>
<label for="uname" style="color:green">
<b>Enter URL</b>
</label>
<input type="url" id="inputID" placeholder="Enter URL"
value="https://www.geeksforgeeks.org/">
<br>
<br>
<button type="button" onclick="selectURLMethod()">
Click
</button>
<script>
function selectURLMethod() {
document.getElementById("inputID").select();
}
</script>
</center>
</body>
</html>
Producción:
URL de entrada HTML DOM método select()
Navegadores compatibles: la lista de navegadores compatibles con el método HTML DOM Input URL select() se enumeran a continuación:
- 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