Handling values entered in an ASP.NET core form to a controller

See more:

ASP.NET-Core

So I have an ASP.NET Core project with a Razor page called Index.cshtml which contains a form that has input fields for accepting the name and query of a user. I have declared all the asp fields required to point the right controller to that page in the form tag. When I submit my form I keep getting the error that http error 400 this page is not working now. The form section, the controller and the Startup.cs code are listed in the code section below. Help me get rid of that error.

What I have tried:

FormController.cs

;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;

namespace ASPLearner.Controllers
{
    [Route("api/[controller]",Name = "Form")]
    [ApiController]
    public class FormController : ControllerBase
    {
        public IActionResult GetAction(string name, string query)
        {
            var filePath = Path.Combine("file.txt");

            // Construct the data to write
            var data = $"Name: {name}\nEmail: {query}\n";

            // Write the data to the file
            System.IO.File.WriteAllText(filePath, data);
            // Redirect to a success page or return a response
            return RedirectToAction("Success");
        }
    }
}

The HTML code for the form

<pre>
 <form onsubmit="return false;" method="post" asp-route="Form" asp-controller="FormController"  asp-action="GetAction" id="form">
                            <div class="form-group">
                                <label for="name">Name</label>
                                <input type="text" name="name" class="form-control" id="name" placeholder="Enter your name" asp-for="Name">
                            </div>
                            <div class="form-group">
                                <label for="query">Query</label>
                                <textarea class="form-control" name="query" id="query" style="margin-top:20px" rows="5" placeholder="Enter your query" asp-for="Description"></textarea>
                            </div>
     
                        </form>

Startup.cs

using Microsoft.Extensions.DependencyInjection;
var builder = WebApplication.CreateBuilder(args);
//configure the services before calling the builder.build
IServiceCollection services = builder.Services;
//add controllers with views
services.AddControllersWithViews(); 
//add all the razor pages
services.AddRazorPages();
var app = builder.Build();
//alow static styling files to be loaded from wwwroot
app.UseStaticFiles();  
//add https redirection
app.UseHttpsRedirection();  
//add routing for the razor pages
app.UseRouting();
app.MapRazorPages();
app.MapFallbackToPage("/Index");
app.MapControllerRoute(name: "default", pattern: "{controller=Home}/{action=Index}/{id?}");
app.UseAuthorization(); 
app.Run();