How to Use a normal link to submit a form
By Tan Lee Published on Feb 16, 2024 506
This post shows you How to submit a POST form using the <a href="..."> tag.
By default, In ASP.NET Core you can see your logout form as shown below.
<form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })"> <button type="submit" class="nav-link btn btn-link text-dark">Logout</button> </form>
If you want to use hyperlink to submit a form you can modify your html code as shown below.
<form asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Login", "Account", new { area = "Identity" })"> <a onclick="this.parentNode.submit();" class="dropdown-item btn btn-outline-grey btn-h-lighter-secondary btn-a-lighter-secondary"> <i class="fa fa-power-off text-warning-d1 text-105 mr-1"></i> Logout </a> </form>
As you can see, I'm using a link tag to submit a form with JavaScript by clicking a link.
- Implement security headers for an ASP.NET Core
- How to Initialize TagHelpers in ASP.NET Core with Shared Data
- Boost Your ASP.NET Core Website Performance with .NET Profiler
- The name 'Session' does not exist in the current context
- Implementing Two-Factor Authentication with Google Authenticator in ASP.NET Core
- How to securely reverse-proxy ASP.NET Core
- How to Retrieve Client IP in ASP.NET Core Behind a Reverse Proxy
- Only one parameter per action may be bound from body in ASP.NET Core
Categories
Popular Posts
Implement security headers for an ASP.NET Core
Jun 24, 2025
Structured Data using FoxLearn.JsonLd
Jun 20, 2025
RuangAdmin Template
Nov 13, 2024
Material Lite Admin Template
Nov 14, 2024