Estoy creando este formulario que, por ahora, redirige a un usuario a otra página después de enviar un formulario. Sin embargo, después de redirigir al usuario, los campos del formulario aparecen en la URL. Soy un principiante y me preguntaba cómo puedo mantener la ruta de la URL en lo que especifiqué en el atributo "acción" del formulario. Aquí está mi código
<div>
<form action="/test">
<input type="text" name="login-username" id="login-username" placeholder="Username" />
<input type="password" name="login-password" id="login-password" placeholder="Password" />
<input type="submit" name="login-submit-button" id="login-submit-button" />
</form>
</div>
Después de hacer clic en el botón, la URL se ve así:
http://localhost:3000/test?login-username=&login-password=&login-submit-button=Enviar
¿Cómo puedo mantenerlo solo
http://localhost:3000/prueba
Gracias .. cualquier ayuda sería apreciada.
Como se menciona claramente en esta respuesta , el método predeterminado de formulario al enviar es GET con codificación de tipo x-www-form-urlencoded , que básicamente agrega datos de entrada a la URL actual.
El uso del método POST agrega datos de formulario dentro del cuerpo de la solicitud HTTP (los datos no se muestran en la URL).