MVC Helper TextArea - 不显示占位符

时间:2013-02-22 09:50:35

标签: c# asp.net-mvc html-helper

我的.cshtml中有以下代码:

 @Html.TextArea("txtComments", new { style = "width: 450px;", placeholder = "Enter Comments here" })

但占位符根本没有显示。我错过了什么吗?

来源:

<textarea cols="20" id="txtComments" name="txtComments" placeholder="Enter Comments here" rows="2" style="width: 450px;">
</textarea>

2 个答案:

答案 0 :(得分:10)

在样式和占位符之前放置一个@,就像这样,甚至可以将htmlAttributes:放在它之前。

@Html.TextArea("txtComments", htmlAttributes: new { @style = "width: 450px;", @placeholder = "Enter Comments here" })

这是我得到的完全输出:

<textarea cols="20" id="txtComments" name="txtComments" placeholder="Enter Comments here" rows="2" style="width: 450px;"></textarea>

如果这显示占位符但仍未显示,请确保您使用的是最新的网络浏览器,您可以在此处找到支持的浏览器列表:http://caniuse.com/input-placeholder

< IE10 does not support it.

如果您确实需要在这些浏览器中提供支持,也许此解决方案可以帮助您:http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text

答案 1 :(得分:0)

这个对我有用(asp.net v4.6.2 mvc5):

@Html.TextAreaFor(model => model.MyMessageForm.MessageText, new { placeholder = "Your msg here...", @class = "form-control" } )