2

¿Cómo puedo hacer un botón para que un input type="text" pueda abrir url en una nueva pestaña?. Lo he intentado de esta manera, pero no me ha funcionado:

<form action="" method="get" target="_blank">

<input type="text" name="q" value="" size="40"/>

 <INPUT type=submit value="Abrir" />

</form>

1
  • Hola. ¿Qué URL? ¿Por qué tiene que ser desde un input dentro de un form? Si pones la URL en al atributo action del form la misma se abrirá, y enviarás los datos que hayas llenado en el form. ¿No es más bien eso lo que quieres?
    – A. Cedano
    el 8 dic. 2022 a las 22:59

2 respuestas 2

3

El target="_blank" del form no hace nada. A parte, necesitas un boton, no un input. Para usar un target="_blank" en un formulario, debes usar el parametro formtarget="_blank" Este es el codigo que te propongo:

<form action="" method="get">

    <input type="text" name="q" value="" size="40" />

    <button type="submit" value="abrir" formtarget="_blank">Abrir</button>

</form>

Un saludo, espero que te ayude

3

necesitaras utilizar javascript para hacer lo que quieres. Te comparto mi código.

<html>
    <head>
        <script>
            function abrir(){
                let url = document.getElementById("url").value;
                console.log(url);
                window.open("http://" + url, '_blank');
            }
        </script>
    </head>
    <body>
        <input id="url" type="text">
        <button onclick="abrir()">abrir</button>
    </body>
</html>
1
  • Gracias, es una buena manera de hacerlo. el 10 dic. 2022 a las 16:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.