blocks|key|2752327|text|你的代码对我来说工作得很好。查看fiddle+demo|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2752328|问题可能出在style=width:something上|2752329|最好检查CSS，并尝试在firebug/chrome控制台的帮助下进行修复|2752330|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/muralim/W8d5L/1/^0|G|B|G|B|0|0|6|L|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

Your code works fine for me. Check out the <a href="http://jsfiddle.net/muralim/W8d5L/1/" rel="nofollow"><code>fiddle demo</code></a>

The problem would be with <code>style=width:something</code>

Better check the CSS and try to fix with the help of firebug/chrome console

blocks|key|2964809|text|您可以添加class属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2964810|@Html.TextAreaFor(model+=>+model.Comments,+new+{cols=60,+rows=10,+@class="form-control"+})|code-block|syntax|javascript|2964811|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can add a class attribute:

<pre><code>@Html.TextAreaFor(model =&gt; model.Comments, new {cols=60, rows=10, @class="form-control" })
</code></pre>

blocks|key|159105|text|所以我弄明白了，我相信这是一个导入到ASP.NET+MVC5项目中的引导程序的问题。答案很简单。也只需设置CSS|type|unstyled|depth|inlineStyleRanges|entityRanges|data|159106|++++max-width:+1000px;
++++width:+1000px;|code-block|syntax|javascript|159107|这为所有数据类型修复了它。Textarea、input等|159108|*2014-08-26更新*|159109|更改了我的答案，以反映发表的一条评论。使用百分比而不是px来保持响应性。CSS应为：|159110|++++max-width:+100%25;
++++width:+100%25;|159111|*2016-08-29更新*|159112|Bootstrap+3修复了这个问题。添加应用上述样式的类form-control|159113|+++++@Html.TextAreaFor(x+=>+x.Note,+new+{+@class+=+"form-control",+rows+=+"3"+})|159114|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

so I figured it out, I believe this is a problem with bootstrap imported to a ASP.NET MVC5 project. The answer is easy though. Just set CSS too

<pre><code> max-width: 1000px;
 width: 1000px;
</code></pre>

That fixes it for all datatypes. Textarea, input, etc. 

**** UPDATE 8/26/2014 ****

Changed my answer to reflect on a comment posted. Use percentages rather then px to keep responsiveness. The CSS should be:

<pre><code> max-width: 100%;
 width: 100%;
</code></pre>

**** UPDATE 8/29/2016 ****

This was fixed with Bootstrap 3. Add the class form-control which applies the above styling

<pre><code> @Html.TextAreaFor(x =&gt; x.Note, new { @class = "form-control", rows = "3" })
</code></pre>

blocks|key|161521|text|我也遇到了同样的问题，并在我的Site.css中找到了下面这段CSS+(我把它注释掉了)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|161522|/*+Set+width+on+the+form+input+elements+since+they're+100%25+wide+by+default+*/
input,
select,
textarea+{
++++max-width:+280px;
}|code-block|syntax|javascript|161523|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I had the same issue and found the following piece of CSS in my Site.css to be the cause (which I commented out).

<pre><code>/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
 max-width: 280px;
}
</code></pre>

blocks|key|2752355|text|这似乎是一种后退，以防止脚手架视图生成全宽条目表单。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2752356|但是，现在我们知道已经设置了它，我们可以在类中本地覆盖它，也可以直接在元素上覆盖它(纯粹为了简单起见，如下所示)。|2752357|关键是要记住设置max-width来覆盖site.css中的值以及width+CSS属性。|2752358|@Html.TextAreaFor(model+=>+model.Comments,+10,+120,+htmlAttributes:+new+{style="width:+100%25;+max-width:+100%25;"+})+|code-block|syntax|javascript|2752359|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This appears to be a fall back to prevent the scaffolded views generating full width entry forms.

However now we know that it is being set we can override it locally either in a class or directly on the element (shown purely for simplicity below).

The key is to remember to set max-width to override the one in site.css as well as the width CSS property.

<pre><code>@Html.TextAreaFor(model =&gt; model.Comments, 10, 120, htmlAttributes: new {style="width: 100%; max-width: 100%;" }) 
</code></pre>

I cannot set the width or cols in atextarea. Rows/Height works just fine. can someone please help thanks!

<pre><code>@using (Html.BeginForm())
{
 @Html.AntiForgeryToken()

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

 &lt;div class="form-group"&gt;
 &lt;div class="col-md-10"&gt;
 &lt;input type="submit" value="Submit Feedback" class="btn btn-default" /&gt;
 &lt;/div&gt;
 &lt;/div&gt;
}
</code></pre>

Any advice or tips would be greatly appricated! thanks 

The HTML rendered is (I removed name and value text for security reasons:

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

&lt;div class="form-group"&gt;
 &lt;div class="col-md-10"&gt;
 &lt;input class="btn btn-default" type="submit" value="Submit Feedback"&gt;
 &lt;/div&gt;
 &lt;/div&gt;
</code></pre>



EDIT:

I can set the width of the textarea via CSS but only to a certain exten ( maybe 15% of the screen)

TextAreaFor Cannot Set Width

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我无法在atextarea中设置宽度或参数。行/高可以很好地工作。有没有人能帮帮我谢谢！@using (Html.BeginForm()){    @Html.AntiForgeryToken()    @Html.ValidationSummary(true)    @Html.TextAreaFor(model =...

问TextAreaFor无法设置宽度
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TextAreaFor无法设置宽度EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TextAreaFor无法设置宽度
EN