How to access link with parameter through html or Html5 form?

Question

I have the following html code.

<form action="http://www.meulinkqueseraredirecionado.com/namer/">
      <input type="text" />
      <input type="submit" value="Acessar" />
</form>

I want that as soon as the user click on the "Access" button, after inserting a number in the input "text", he access the link "http://www.meulinkqueseraredirecionado.com/namer/numeroInserido"

How it is done in HTML or HTML5?

Answer 1

Using Javascript only, you can do so:

document.getElementById('enviar').addEventListener('click', function(e) {
  var param = document.getElementById('param');
  var act = document.getElementById('form');
  act.action += param.value;
  window.open(act.action, '_blank');
  act.action = "http://www.meusite.com/";
});

<form action="http://www.meusite.com/" id="form">
  <input type="text" id="param">
  <input type="submit" id="enviar">
</form>

By clicking the submit button, Javascript will take the value of the parameter field and add it to the attribute value action form.

Note: In the Stackoverflow snippet the form Submit is blocked.