如何在MVC中显示文本框布局作为文本框而不是在侧面下拉？

Question

如何在MVC中显示文本框布局作为文本框而不是在侧面下拉？

在随附的屏幕截图中，我们有下拉布局。它必须是纯文本框。

<div class="form-group">
                        <div class="col-sm-5 control-label">
                            <label class="hthin">ExceriseTimes</label>
                        </div>
                        <div class="col-sm-1">
                            <textarea id="ExceriseTimes" asp-for="ExceriseTimes" style="height:25px;" class="form-control" type="text"></textarea>
                        </div>
                    </div>

Answer 1

<textarea>表单元素没有type属性，它属于<input>。如果你想要一个普通的单行文本框，只需使用带有<input>属性的type="text"标签：

<input id="ExerciseTimes" asp-for="ExerciseTimes" style="height:25px;" class="form-control" 
       type="text" />

但是，如果您想要固定大小的<textarea>元素而不使用滚动条（在示例图像中看起来像微调器），请同时使用CSS样式overflow:hidden和resize:none：

<textarea id="ExerciseTimes" asp-for="ExerciseTimes" style="height:25px;" class="form-control" 
          style="overflow:hidden;resize:none"></textarea>

注意：您可以应用包含上述两种样式的其他CSS类（例如noscrollbar）并将其附加到class="form-control noscrollbar"。