asp-for is not generating name or id for input form

Question

I'm creating a basic ASP.NET Core MVC project. I already created the API project and I was able to login just fine with Swagger. So, now I want to create the web app project for the login page.

Here's the very basic login view:

@model MI_STOCK_SHOP.Models.LoginViewModel

<h2>Login</h2>

<form asp-action="Login" asp-controller="Account" method="post">
    <div class="form-group mb-3">
        <label asp-for="Username" class="form-label"></label>
        <input asp-for="Username" class="form-control" />
        <span asp-validation-for="Username" class="text-danger"></span>
    </div>

    <div class="form-group mb-3">
        <label asp-for="Password" class="form-label"></label>
        <input asp-for="Password" type="password" class="form-control" />
        <span asp-validation-for="Password" class="text-danger"></span>
    </div>

    <button type="submit" class="btn btn-primary w-100">Login</button>
</form>

And my LoginViewModel.cs:

namespace MI_STOCK_SHOP.Models
{
    public class LoginViewModel
    {
        public string Username { get; set; } = null!;
        public string Password { get; set; } = null!;
    }
}

The problem is Username and Password shows up as null in the console. So, it will always fail to login. When I inspect the page, input literally says asp-for=Username and asp-for=Password instead of automatically generating name=Username and id=Username in the rendered page.

I tested manually putting the name and id for the input fields, it works fine! I was able to login.

But of course, I wanted to use the asp-for instead of manually inserting the name and id. How do I fix this issue?

Yong Shun · Accepted Answer · 2025-11-10 07:30:50Z

3

Make sure you have the Views/_ViewImports.cshtml file that contains

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

Reference: @addTagHelper makes Tag Helpers available

answered Nov 10 at 7:30

Yong Shun

54.5k6 gold badges38 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

kebberpee Nov 10 at 7:39

oh now it works. I wonder if this _ViewImports.cshtml has to be created manually or its actually supposed to be auto generated? because im making the project from scratch. I literally just picked new ASP NET CORE Web App project on visual studio

kebberpee Nov 10 at 7:41

it wasnt there at first so i created it manually

Yong Shun Nov 10 at 7:49

As I know, this Views/_ViewImports.cshtml file is created automatically when creating the ASP.NET Core MVC project. Which ASP.NET Core version you are using?

kebberpee Nov 10 at 8:08

8.0 I just noticed something. Theres folder called Pages. Inside of it is all you'd expect to be automatically generated inside Views folder. Maybe I picked the wrong project template from the beginning?

Yong Shun Nov 10 at 8:14

For Pages folder, more likely you are creating the project with ASP.NET Core Web App (Razor Pages), it should generate the _ViewImports.cshtml under the Pages folder.

Collectives™ on Stack Overflow

asp-for is not generating name or id for input form

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related