twitter-bootstrap – TextAreaFor无法设置宽度

发布时间：2020-12-18 00:16:24 所属栏目：安全来源：网络整理

导读：我不能在atextarea中设置width或cols。行/高度工作正常。有人可以帮忙谢谢！ @using (Html.BeginForm()){ @Html.AntiForgeryToken() @Html.ValidationSummary(true) @Html.TextAreaFor(model = model.Comments,new {cols=60,rows=10}) @Html.HiddenFor(model

我不能在atextarea中设置width或cols。行/高度工作正常。有人可以帮忙谢谢！

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)
    @Html.TextAreaFor(model => model.Comments,new {cols=60,rows=10})
    @Html.HiddenFor(model => model.UserName,new { UserName = @User.Identity })

    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" value="Submit Feedback" class="btn btn-default" />
        </div>
    </div>
}

任何建议或提示将非常适合！谢谢

渲染的HTML是(为了安全起见，我删除了名称和值文本：

<form action="/feedback/create" method="post"><input name="" type="hidden" value="">        
<textarea name="Comments" id="Comments" rows="10" cols="60"></textarea>
<input name="UserName" id="UserName" type="hidden" value="" username="System.Security.Principal.WindowsIdentity">        

<div class="form-group">
        <div class="col-md-10">
            <input class="btn btn-default" type="submit" value="Submit Feedback">
        </div>
 </div>

编辑：

我可以通过CSS设置textarea的宽度，但只能设置一定的exten(可能是屏幕的15％)

解决方法

所以我想出来，我相信这是导入到ASP.NET MVC5项目的引导程序的一个问题。答案很简单。也设置CSS

max-width: 1000px;
    width: 1000px;

这将修复所有数据类型。文本区域，输入等

****更新8/26/2014 ****

更改了我的答案，以反映发布的评论。使用百分比，而不是px来保持响应。 CSS应该是：

max-width: 100%;
    width: 100%;

****更新8/29/2016 ****

这是用Bootstrap 3修复的。添加应用上述样式的类form-control

@Html.TextAreaFor(x => x.Note,new { @class = "form-control",rows = "3" })

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!