如何在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"一样附加它。