Puedes usar Javascript, de manera que prevenimos que el formulario se envíe y obtenemos el valor del input, finalmente redirigimos a la página
sendToUrlForm.addEventListener("submit", e => { // Escuchar cuando se envíe el formulario
const sendUrl = "https://ejemplo.com"; // Url a redirigir
e.preventDefault(); // Prevenir que se envíe
location.href = sendUrl+"/"+sendToUrlForm.querySelector("[name=q]").value;
// Será reenviado a "ejemplo.com/VALOR_DEL_INPUT"
});
<form class="w3-center w3-padding-16" id="sendToUrlForm" method="get" action="" >
<input type="search" name="q" placeholder="Buscar en {{categoria}}" autofocus required>
<input type="submit">
</form>
Usaremos querySelector
para obtener un elemento dentro del form
Si el form cambia de id, es importante cambiarlo en el código JS también
En este caso, le he puesto id="sendToUrlForm"
, por lo tanto, para referirnos a el form, usamos sendToUrlForm
en Javascript