How to Use a normal link to submit a form
By Tan Lee Published on Feb 16, 2024 510
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 add security headers to an ASP.NET Core Application
- 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
Categories
Popular Posts
Structured Data using FoxLearn.JsonLd
Jun 20, 2025
Implement security headers for an ASP.NET Core
Jun 24, 2025
10 Common Mistakes ASP.NET Developers Should Avoid
Dec 16, 2024
Star Admin Dashboard Template
Nov 14, 2024
Monster Admin Template
Nov 14, 2024