如何在Razor代码中添加Placeholder？连接数据库后设置失败求助

别担心，这是刚接触Razor时很常见的小问题！我来帮你一步步搞定它。

首先得明确你现在的Razor写法类型，下面分两种最常见的场景给出解决方案：

场景1：使用Razor辅助方法（Html.TextBoxFor） #

如果你的视图是强类型视图，绑定了对应的数据模型，需要在辅助方法的匿名对象参数里明确添加placeholder属性。注意因为class是C#关键字，所以要加@转义：

<div class="wrap-input100 validate-input" data-validate="Inserir nome">
    @Html.TextBoxFor(m => m.Name, new { @class = "input100", placeholder = "Nome*" })
    <span class="focus-input100"></span>
</div>

这样既能完成模型绑定，又能正确渲染出带placeholder的输入框，同时保留你原来的样式和验证逻辑。

场景2：直接使用HTML input标签（ASP.NET Core Razor Pages/MVC） #

如果更习惯写原生HTML，只需要用asp-for属性绑定模型字段，同时直接添加placeholder属性即可，不需要特殊处理：

<div class="wrap-input100 validate-input" data-validate="Inserir nome">
    <input class="input100" type="text" asp-for="Name" placeholder="Nome*">
    <span class="focus-input100"></span>
</div>

这种写法会自动完成模型绑定，同时保留你需要的placeholder文本。

额外优化：通过模型统一管理显示文本 #

如果你想把placeholder文本和模型的显示逻辑统一，可以在模型的Name属性上添加Display特性：

using System.ComponentModel.DataAnnotations;

public class YourFormModel
{
    [Display(Name = "Nome*")]
    public string Name { get; set; }
}

之后在视图里引用这个显示名称作为placeholder，后续要修改文本时只需要改动模型即可：

@Html.TextBoxFor(m => m.Name, new { @class = "input100", placeholder = Html.DisplayNameFor(m => m.Name) })

为什么之前的尝试无效？ #

你提到添加"Name:"无效，大概率是因为没遵循Razor的语法规则——如果用了辅助方法却没在匿名对象里声明placeholder，或者模型属性名和视图里的绑定字段拼写不一致（C#是大小写敏感的），都会导致placeholder不生效。

内容的提问来源于stack exchange，提问作者seni