如何更改文本框的大小，使其在asp.net core默认模板中变长

Question

我正在尝试制作一个所需输入较大的表格。而默认的

<input ="text">

大小还不够。我尝试了

size=""

和

width=""

，但它没有提供任何改变。我正在使用 asp.net core 默认网站模板。有尺寸限制吗？如果有的话我该如何改变呢？请帮我更改文本框的大小。

Answer 1

<input asp-for="Title" class="form-control" style="min-width:100%"/>

我添加了

style ="min-width:100%"

，如上所示，它起作用了。

Answer 2

您可以在包装文本框的 div 上使用

col-md-x

引导类，如下所示 -

<div class="col-md-12">
     @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
</div>

Answer 3

通过更改行和列的值，您可以更改文本区域的大小

<textarea rows="10" cols="50"></textarea>

此文本区域有 10 行可见。

您可以通过更改“rows”属性的值来更改它。

Answer 4

替换默认生成的 HTML 代码

  <div class="form-group">
      <label asp-for="Description" class="control-label"></label>
      <input asp-for="Description" class="form-control" />
      <span asp-validation-for="Description" class="text-danger"></span>
  </div>

作者：

   <div class="form-group">
      <label asp-for="Description" class="control-label"></label>
      <div>
          @Html.TextAreaFor(model => model.Description, new { rows = "10", cols = "56", @class = "form-control" })
          @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
      </div>
  </div>