如何在 C#/MVC 4 中的 Html.TextBoxFor 中输入占位符文本

     2023-03-05     46

关键词:

【中文标题】如何在 C#/MVC 4 中的 Html.TextBoxFor 中输入占位符文本【英文标题】:How to Enter Placeholder Text Within Html.TextBoxFor in C# / MVC 4 【发布时间】:2017-10-16 06:08:09 【问题描述】:

通常在 HTML / CSS 中,如果您想将占位符文本添加到文本框,您只需这样做:

<input type="text" class="input-class" placeholder="Please enter your email"/>

但由于我使用的是为 Visual Studio MVC 4 中的登录面板提供的现有代码:

/Views/Account/Login.cshtml

这是当前呈现输入的 C# 代码:

@Html.TextBoxFor(m => m.Email, new  @class = "form-input" )
@Html.ValidationMessageFor(m => m.Email, "", new  @class = "text-danger" )

@Html.PasswordFor(m => m.Password, new  @class = "form-input" )
@Html.ValidationMessageFor(m => m.Password, "", new  @class = "text-danger" )

如何在 C# 中向此代码添加占位符文本?我试过这个:

@Html.TextBoxFor(m => m.Email, placeholder ="Email" new  @class = "form-input" )

它用红色下划线“占位符”表示“当前上下文中不存在名称'占位符'”。

【问题讨论】:

【参考方案1】:

试试这个:

@Html.TextBoxFor(m => m.Email, new  placeholder = "Email" )

【讨论】:

如果我这样做:@Html.TextBoxFor(m => m.Email, new placeholder = "Email" , new @class = "text-danger" ) 它会在红色下划线 new placeholder = "Email" 并说“参数 3:无法从 '' 转换为 'string'” - 我认为仍然需要 text-danger 类,但我可以尝试删除它。 编辑 删除类有效 - text-danger 是一个引导类,用于定义占位符文本颜色。但实际上,我仍然想定义占位符文本颜色。 您实际上是在使用new placeholder = "Email" 创建一个新对象。因此,您可以包含任何其他您想要的 html 属性;它们都不是强制性的。您甚至可以将其留空。【参考方案2】:

使用TextBoxFor() 的重载和htmlAttributes 参数。该参数应该是一个匿名对象,具有您希望分配给输入的 all 属性。

例如,如果要设置placeholderclass 属性:

@Html.TextBoxFor( m => m.Email, new  placeholder = "Email", @class = "form-input"  )

【讨论】:

【参考方案3】:

有一个参数是 objecthtmlattributes ,你可以在那里设置每个 html 输入属性 示例:

 @Html.TextBox("Model binding here" , new  @class="form-controll" , @placeholder="Enter email")

【讨论】:

【参考方案4】:

尝试以下方法

此代码已经过测试并且可以正常工作

@Html.TextBox("CustomarName" ,null, new  @class = "form-control" , @placeholder = "Search With Customar Name" )

希望对你有帮助

【讨论】:

OP 询问如何在TextBoxFor 中而不是在TextBox 中使用占位符 这正是我一直在寻找的答案 :-)【参考方案5】:

对于输入字段

@Html.TextBoxFor( m => m.Email, new  placeholder = "Your email id" )

对于文本区域

@Html.TextAreaFor(m => m.Description, new  placeholder = "Please add description here" )

【讨论】:

【参考方案6】:

这对我有用...

@Html.TextBoxFor(m => m.Username, new  @placeholder = "Username", @class = "input100" )

【讨论】:

如何在mvc 4中的特定间隔后重复调用方法[关闭]

】如何在mvc4中的特定间隔后重复调用方法[关闭]【英文标题】:Howtocallamethodrepatedlyafterparticularintervalinmvc4[closed]【发布时间】:2015-10-2312:40:20【问题描述】:我是mvc4的新手。我必须在asp.net表单中实现类似TimerOnTick事件。即我想要... 查看详情

如何在 MVC 4 中更改 jQuery DatePicker 中的验证文本?

】如何在MVC4中更改jQueryDatePicker中的验证文本?【英文标题】:HowdoIchangevalidationtextinjQueryDatePickerinMVC4?【发布时间】:2012-08-2005:11:39【问题描述】:我有一个MVC4项目,对在日期选择器中验证日期后显示的默认错误文本不满意。有... 查看详情

如何在 ASP.NET MVC 4 中的两个完全不同的视图之间保留数据?

】如何在ASP.NETMVC4中的两个完全不同的视图之间保留数据?【英文标题】:HowcanIpersistdatabetweentwocompletelydifferentviewsinASP.NETMVC4?【发布时间】:2013-02-2102:53:09【问题描述】:我已经尝试了很长一段时间的解决方案,但无济于事。我... 查看详情

大型查询如何在 C#/ASP.NET MVC 4 部分中返回结果

】大型查询如何在C#/ASP.NETMVC4部分中返回结果【英文标题】:LargequeryhowtoreturnresultsbackinsectionsC#/ASP.NETMVC4【发布时间】:2017-08-1315:16:15【问题描述】:我有一个用ASP.NETMVC4编写的应用程序。我需要从使用oledbdatareader访问的表中返回... 查看详情

如何使用 Angular 2 在 POST 上启用 ASP.NET MVC 4 中的跨源请求

】如何使用Angular2在POST上启用ASP.NETMVC4中的跨源请求【英文标题】:HowtoenablecrossoriginrequestsinASP.NETMVC4onPOSTusingAngular2【发布时间】:2017-10-1007:02:28【问题描述】:我正在尝试使用CORS发出POST请求。我有一个类可以在我的控制器内的... 查看详情

如何将 javascript 对象传递给 C# MVC 4 控制器

】如何将javascript对象传递给C#MVC4控制器【英文标题】:HowtopassajavascriptobjecttoaC#MVC4controller【发布时间】:2015-03-0522:20:42【问题描述】:在MVC4中,如何将javascript对象传递给AJAX中的C#控制器?最后我尝试了这个,但没有成功。Javasc... 查看详情

ExtJs 4 MVC 应用架构:如何引用子文件夹中的文件

】ExtJs4MVC应用架构:如何引用子文件夹中的文件【英文标题】:ExtJs4MVCApplicationArchitecture:Howtoreferenceafileinasubfolder【发布时间】:2011-09-0117:16:32【问题描述】:我正在尝试在一个项目中使用这种结构:应用>视图>MyWindow1.js应用... 查看详情

如何在 MVC 5 中使用用户身份中的角色

】如何在MVC5中使用用户身份中的角色【英文标题】:HowtouseRolesinuseridentityinMVC5【发布时间】:2014-12-1113:48:08【问题描述】:我想在mvc5中使用asp.net用户身份,我执行以下步骤:1)创建一个mvc项目。2)创建我自己的数据库并更改web.c... 查看详情

Mvc 列出嵌套在 Viewmodel 中的多个视图

...:2016-11-2310:01:23【问题描述】:大家好,你能帮我弄清楚如何在单个视图上列出嵌套的视图模型这是我的带有嵌套4个视图的视图模型,其中包含4个不同的表数据。正如您在下面看到的“KentselDonusumViewModel”是主视图模型publicclass... 查看详情

如何使用 C# 代码部分中的 SQL 函数使用 MVC 4 中的实体框架

】如何使用C#代码部分中的SQL函数使用MVC4中的实体框架【英文标题】:HowdoIuseaSQLfunctionfromC#codesectionusingEntityFrameworkinMVC4【发布时间】:2016-07-0109:37:09【问题描述】:我有一个这样的SQL函数,命名为AgeCalcUSE[DB_test]GO/******Object:UserDe... 查看详情

如何将参数传递给 mvc 4 中的局部视图

】如何将参数传递给mvc4中的局部视图【英文标题】:HowcanIpassparameterstoapartialviewinmvc4【发布时间】:2014-01-1423:37:44【问题描述】:我有一个这样的链接:<ahref=\'Member/MemberHome/Profile/Id\'><span>Profile</span></a>当我点... 查看详情

如何使用基于令牌的 HTTP 基本身份验证保护 MVC 4 .NET SPA 模板中的 WebAPI?

】如何使用基于令牌的HTTP基本身份验证保护MVC4.NETSPA模板中的WebAPI?【英文标题】:HowtosecureWebAPIinsideMVC4.NETSPAtemplatewithtoken-basedHTTPbasicauthentication?【发布时间】:2013-04-1014:42:30【问题描述】:我一直在阅读有关保护WebAPI主题的不... 查看详情

如何在 MVC 4 中每 3 秒刷新一次局部视图?

】如何在MVC4中每3秒刷新一次局部视图?【英文标题】:HowdoIrefreshapartialviewevery3secondsinMVC4?【发布时间】:2015-04-2105:25:21【问题描述】:我需要根据已完成的作业数量来更新进度条。完成的作业数存储在SQLServerDB的作业表中。我... 查看详情

如何将viewbag值与mvc 4中的模型另一个值进行比较

】如何将viewbag值与mvc4中的模型另一个值进行比较【英文标题】:Howtocompareviewbagvaluewithmodelanothervalueinmvc4【发布时间】:2016-02-0805:27:52【问题描述】:我正在尝试将视图包从操作方法发送到视图。当第一页加载时,viewbag值将为空... 查看详情

如何在 ASP.NET MVC 4 Beta 中禁用 Javascript/CSS 缩小

】如何在ASP.NETMVC4Beta中禁用Javascript/CSS缩小【英文标题】:HowtodisableJavascript/CSSminificationinASP.NETMVC4Beta【发布时间】:2012-03-1111:57:50【问题描述】:我只是在试用ASP.NETMVC4,但我不知道如何禁用Javascript/CSS缩小功能。特别是对于开... 查看详情

如何在 razor MVC 4 中添加具有条件值的第二个 css 类

】如何在razorMVC4中添加具有条件值的第二个css类【英文标题】:HowtoaddasecondcssclasswithaconditionalvalueinrazorMVC4【发布时间】:2013-03-2000:09:47【问题描述】:虽然Microsoft在razorMVC4中创建了一些automagicrenderingofhtmlattributes,但我花了很长... 查看详情

如何在目标 c 中的 JSON 链接中显示一个标签中的 4 个值之一?

】如何在目标c中的JSON链接中显示一个标签中的4个值之一?【英文标题】:howtodisplayoneofthe4valuesinonelabelfromaJSONlinkinobjectivec?【发布时间】:2017-06-1212:43:29【问题描述】:我现在正在使用JSON链接做一个项目。在这种情况下,员工... 查看详情

我应该在哪里定义 ExtJS 4 MVC 中的全局函数?

】我应该在哪里定义ExtJS4MVC中的全局函数?【英文标题】:WhereshouldIdefineglobalfunctionsinExtJS4MVC?【发布时间】:2012-03-0421:50:44【问题描述】:我需要定义一些可以在我的应用程序中随处调用的函数。实现这一目标的最佳方法是什么... 查看详情