如何在MVC中指定textarea的行数和列数？

Question

在我的模型中，我有以下代码：

[Required(ErrorMessage = "News content is required.")]

[DisplayName("News Content")]
[DataType(DataType.MultilineText)]
public string FullContent { get; set; }

[Required(ErrorMessage = "News summary is required.")]
[DisplayName("News Summary")]
[DataType(DataType.MultilineText)]
public string Summary { get; set; }  

视图中包含：

<tr>
<td id="td-caption">Full Content</td>  
<td id="td-content2">@Html.EditorFor(model => model.FullContent)  @Html.ValidationMessageFor(model => model.FullContent)</td>  
</tr>  
<tr>
<td id="td-caption">Summary</td>
<td id="td-content2">@Html.EditorFor(model => model.Summary)@Html.ValidationMessageFor(model => model.Summary)</td>
</tr>  

在我的CSS文件中：

textarea#FullContent, #Summary
{
width: 95%;
padding-top: 20px;
padding-left: 20px;
cols: 20;
rows: 20;
}  

但是完全没有效果。我该怎么办？谢谢！

- fiberOptics

Answer 1

使用文本区域指定行数的替代方法如下所示：

@Html.TextAreaFor(model => model.Comments, new { @rows=10, @cols=40 })

来源：https://www.codeproject.com/Questions/596208/Html-BeginFormplusrowsplusandpluscols

这段代码涉及到it技术。它是一个HTML表单，其中包含了行数和列数属性。该表单用于在Web应用程序中收集数据。每个表单元素都有一个name属性和一个value属性。 行和列属性用于指定表格中的行和列数目。 开始表单标记使用<form>标记表示，并通过使用beginform辅助方法生成。 该表单还可以包含其他HTML元素，例如文本框，文本区域，下拉列表等。

- Hans Vonn

Answer 2

rows和cols不是有效的CSS规则，它们是元素上的属性。但是，由于您使用了<code>EditorFor</code>助手，因此无法设置它们的值。您可以在CSS中使用<code>width</code>和<code>height</code>属性来调整<textarea>的大小：</p> <pre class="guess-CSS"><code>textarea#FullContent, #Summary { width: 90px; height: 200px; padding-top: 20px; padding-left: 20px; } </code></pre>

- Darin Dimitrov

---

@Darin，第一个单词应该是rows而不是rols。由于堆栈溢出的编辑规则要求至少六个字符，我无法进行编辑。请纠正它。 - QMaster