ASP.NET Core - 更改表单文本框的高度答案

【问题标题】：ASP.NET Core - Change height of form text boxASP.NET Core - 更改表单文本框的高度
【发布时间】：2016-09-12 04:22:06
【问题描述】：

我正在使用 ASP.NET Core 中的“联系我”表单，该表单将包含姓名、电子邮件、主题和消息字段。在我的文本框视图中，我有几块这样的代码：

<div class="form-group">
    <label asp-for="Message" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <input asp-for="Message" class="form-control"/>
        <span asp-validation-for="Message" class="text-danger"></span>
    </div>
</div>

对于这个消息文本框，我希望文本框在垂直方向上比我以前的更大。如何在不更改其他框的情况下执行此操作？

【问题讨论】：

使用css设置样式（有id="Message"）
所以我是 CSS/HTML 的新手；当您说使用 css 设置样式时，我是否会进入我的 site.css 文件并创建一个名为 Message 的自定义元素？
是的，或者你可以在单独的文件中（但它需要在引导 css 之后），或者在视图中（<style> 标签之间甚至内联（<input ... style="height: ??px;" />
当然可以（一个文本框只能有一行）。如果您想要多行文本，请使用 textarea 元素
使用textarea而不是像这样使用input：<textarea asp-for="Message" class="form-control">Enter text here...</textarea>

标签： css asp.net asp.net-mvc twitter-bootstrap

【解决方案1】：

您只需将输入字段更改为消息的文本区域。 Textarea 元素有多行。

【讨论】：