Form action without appearing name

Question

Form action without appearing name

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

How can I submit this action with only the link + valueInput example link

When submitting the submit, it returns link

<form action="http://google.com.br">
  <input type="text" name="busca">
  <br>
  <input type="submit" value="Submit">
</form>

html

asked by anonymous 16.05.2018 / 19:11

2 answers

Error between accounts in 2 tables laravel Cordova - Error installing plugin with android platform 7

score 0 · Answer 1

I made this snippet simple and, although functional, is a gambiarra. There should be appropriate methods.

const form = document.forms[0]; // Cria referência para o formulário

function submit(event){
    event.preventDefault(); // Previne o comportamento padrão do botão submit

    const inputValue = form.busca.value; // Obtém o valor do campo de texto

    location.href = "http://google.com.br/" + inputValue; // Concatena a URL do Google com o valor do campo de texto e redireciona a página
}

form.submit.addEventListener("click", submit); // Espera o usuário clicar no botão submit, para executar a função submit();

<form> <!-- Retirei o atributo action -->
    <input type="text" name="busca">
    <br>
    <input name="submit" type="submit" value="Submit"> <!-- Adicionei o atributo name -->
</form>

score 0 · Answer 2

In a simpler way:

Place a function that redirects to the URL concatenated with the value entered in the input

SCRIPT

function myFunction(){
    //o valor da variavel parametro é o valor do input de id=busca
    var parametro = document.getElementById("busca").value;  
    //redireciona para o url indicado concatenado com o valor da variavel parametro
    window.location.href = "http://google.com.br/" + parametro;

}

HTML No need for tag form

  <input type="text" name="busca" id="busca">
  <br>
  <button type="button" onclick="myFunction()">Submit</button>

See working

function myFunction(){
var parametro = document.getElementById("busca").value;  
console.log ("http://google.com.br/" + parametro);
}

<input type="text" name="busca" id="busca">
<br>
<button type="button" onclick="myFunction()">Submit</button>