Question

I have this in my view :

    <input id="@Html.TextBoxFor(m => m.UserName)"  type="text" placeholder="Username" autofocus required>
    <input id="(@Html.PasswordFor(m => m.Password))"  type="password" placeholder="Password" required>

Its working but my result is

What am I doing wrong?

Answer 1

Either you want to put HTML as tags:

<input id="UserName"  type="text" placeholder="Username" value="@Model.UserName" autofocus required />
<input id="Password"  type="password" placeholder="Password" value="@Model.Password" required />

Or let Razor to do it for you:

@Html.TextBoxFor(m => m.UserName);
@Html.PasswordFor(m => m.Password);

You are mixing it together. Your example starts with pure HTML, then it finds the Razor command which renders another input tags, inside the pure HTML one. Prefer Razor code when you need to return the model type.